使用hexo+github搭建个人博客

落日映苍穹つ 2022-05-14 08:09 387阅读 0赞

参考:
http://www.cnblogs.com/dantefung/p/d8c48ba8030bcab7cfc364d423186fee.html

问题记录

问题1:执行npm install时或安装hexo时很久没反应。
解决:
受网络影响建议安装cnpm(淘宝团队建立的中国镜像)
npm install cnpm -g –registry=https://registry.npm.taobao.org
后面可以使用cnpm来替代npm.

错误2:fatal: could not read Username for ‘https://github.com‘: No error
25091116.jpg
解决:
修改_config.yml中的部署配置:

  1. # Deployment
  2. ## Docs: https://hexo.io/docs/deployment.html
  3. deploy:
  4. type: git
  5. repo: git@github.com:luckystar88/luckystar88.github.io.git

错误3:Please make sure you have the correct access rights
18925.jpg
解决:
参考:http://blog.csdn.net/u014343528/article/details/48787221
在git Bash中,输入:

  1. ssh-keygen -t rsa -C "username" (注:username为你git上的用户名)

后面一直回车,直到结束。

参考:
http://blog.csdn.net/binyao02123202/article/details/20130891
打开生成的id_rsa.pub文件,复制公钥到github的ssh key。
43905479.jpg
71412724.jpg

配置完毕后,使用下面的命令测试一下SSH Key

  1. ssh -T git@github.com

后面你使用hexo d直接就提交到github仓库中了。

更多配置

hexo站点域名配置:http://www.cnblogs.com/penglei-it/p/hexo_domain_name.html

hexo提交搜索引起:http://www.cnblogs.com/tengj/p/5357879.html

hexo主题next优化: http://blog.csdn.net/mynamelijun/article/details/52196184

Hexo添加不蒜子和LeanCloud统计无标题文章:http://www.jianshu.com/p/702a7aec4d00
注意:LeanCloud中Web安全域名要配置正确,否则可能会导致403禁止访问。
20074557.jpg
next主题使用帮助:http://theme-next.iissnan.com/getting-started.html

加入站点内容搜索功能:

本站点使用的是Local Search。加入站点内容搜索功能步骤如下:

安装hexo-generator-searchdb
$ npm install hexo-generator-searchdb –save
注意:安装时应在站点根目录下

然后将next主题配置文件中的搜索enable设置为true即可。
45453439.jpg

使用友言评论

友言官网:http://www.uyan.cc/
进入官网,注册,登陆,获取代码。你需要记下来的是代码中uid=”*“的值,等下要用到。这一步很简单。

修改主题中的youyan_uid为上面的uid即可。
77606245.jpg

加入百度统计

到https://tongji.baidu.com注册,并添加域名后,复制代码中的问号后面的一串id。
72231015.jpg

修改主题中的baidu_analytics为上面复制的id。
1936862.jpg

菜单与logo设置

在next主题的_config.yml中,找到menu:配置
菜单项的配置:技术: /categories/tech || th-list
冒号前是菜单项的名字,||前是路径,后面是logo。logo的名字可以在http://fontawesome.dashgame.com/查看。

将博客文章、配置与主题设置备份到osc

我的博客文章发布在github,备份在osc。
这里说一下怎么将博客文章、配置与主题备份到osc。
在博客目录执行git init命令初始化博客与git关联。
在博客跟目录执行git remote add origin https://xxx.git(osc上的git路径)

  1. git pull origin master // 拉取更新
  2. git add . // 添加本地文件
  3. git commit // 提交到本地
  4. git push origin master // 提交到远程分支

但是,这个时候发现主题没有提交上去。
到hexo-theme-next中查看已经存在.git文件夹,删除它。
(如果你直接在hexo-theme-next执行git add /git commit会提示modified: hexo-theme-next (modified content, untracked content))。

  1. git rm -rf --cached themes/hexo-theme-next/
  2. git add themes/hexo-theme-next/* git commit git push origin master

搞定。

后面添加新的文章,只需要在博客根目录执行下面的命令即可:

  1. git add .
  2. git commit -m '注释信息' git push origin master

参考:http://www.cnblogs.com/wanqieddy/p/4210767.html
http://www.cnblogs.com/super-d2/p/3341864.html

写文章用到的图片处理

使用markdown写文章有一个问题就是图片只支持链接,不能粘贴。我这里使用的是“极简图床”提供的服务,支持上传图片、拖拽、粘贴图片,可以生成外链地址,并可以直接以markdown复制。
我这里绑定了七牛云,可以使用10G的免费空间。
8149063.jpg

Hexo博客收录百度、谷歌、360-基于Next主题

分别注册,并添加站点。选择“HTML标签验证”,然后复制标签的content内容。
在next主题的配置文件中,添加
5077441.jpg
然后使用hexo g,hexo d重新生成文章,并发布。然后在百度/谷歌/360的站长平台点击“验证”。

去掉底部的“由Hexo强力驱动”

5696103.jpg
修改\themes\hexo-theme-next\layout_partials\footer.swig,去掉文件最后下面截图中的部分。
18041034.jpg

博客首页文章只显示摘要部分

默认首页显示5篇文章,且显示的是全部的内容,导致首页内容太多。
解决方法有2种:
1.在next主题的_config.yml文件中,找到

  1. auto_excerpt:
  2. enable: false
  3. length: 150

将enable改成true,length即为摘要显示的长度。
不过这样有个缺陷,会导致本来该一起显示的内容可能会被分开。

2.文章中使用<!-- more -->
可以在文章显示摘要结束的部分增加<!-- more -->来标识。<!-- more -->之前的内容即为要显示的摘要部分。

Next中推荐的是第2种,这样可以自主控制摘要部分。

使用hexo-theme-bubuzou主题

目前在用的主题是hexo-theme-bubuzou,使用比较简单,使用参考https://github.com/Bulandent/hexo-theme-bubuzou。
更新于2017.11

发表评论

表情:
评论列表 (有 0 条评论,387人围观)

还没有评论,来说两句吧...

相关阅读