使用hexo+github搭建个人博客

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

参考：  
[http://www.cnblogs.com/dantefung/p/d8c48ba8030bcab7cfc364d423186fee.html][http_www.cnblogs.com_dantefung_p_d8c48ba8030bcab7cfc364d423186fee.html]

### 问题记录 ###

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

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

# Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      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][http_blog.csdn.net_u014343528_article_details_48787221]  
在git Bash中，输入：

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

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

参考：  
[http://blog.csdn.net/binyao02123202/article/details/20130891][http_blog.csdn.net_binyao02123202_article_details_20130891]  
打开生成的id\_rsa.pub文件，复制公钥到github的ssh key。  
![43905479.jpg][]  
![71412724.jpg][]

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

ssh -T git@github.com

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

### 更多配置 ###

hexo站点域名配置：[http://www.cnblogs.com/penglei-it/p/hexo\_domain\_name.html][http_www.cnblogs.com_penglei-it_p_hexo_domain_name.html]

hexo提交搜索引起：[http://www.cnblogs.com/tengj/p/5357879.html][http_www.cnblogs.com_tengj_p_5357879.html]

hexo主题next优化： [http://blog.csdn.net/mynamelijun/article/details/52196184][http_blog.csdn.net_mynamelijun_article_details_52196184]

Hexo添加不蒜子和LeanCloud统计无标题文章:[http://www.jianshu.com/p/702a7aec4d00][http_www.jianshu.com_p_702a7aec4d00]  
注意：LeanCloud中Web安全域名要配置正确，否则可能会导致403禁止访问。  
![20074557.jpg][]  
next主题使用帮助：[http://theme-next.iissnan.com/getting-started.html][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/][http_www.uyan.cc]  
进入官网，注册，登陆，获取代码。你需要记下来的是代码中uid=”*\**“的值，等下要用到。这一步很简单。

修改主题中的youyan\_uid为上面的uid即可。  
![77606245.jpg][]

### 加入百度统计 ###

到[https://tongji.baidu.com][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/][http_fontawesome.dashgame.com]查看。

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

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

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

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

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

搞定。

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

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

参考：[http://www.cnblogs.com/wanqieddy/p/4210767.html][http_www.cnblogs.com_wanqieddy_p_4210767.html]  
[http://www.cnblogs.com/super-d2/p/3341864.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文件中，找到

auto_excerpt:
      enable: false
      length: 150

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

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

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

## 使用hexo-theme-bubuzou主题 ##

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

[http_www.cnblogs.com_dantefung_p_d8c48ba8030bcab7cfc364d423186fee.html]: http://www.cnblogs.com/dantefung/p/d8c48ba8030bcab7cfc364d423186fee.html
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org
[https_github.com]: https://github.com
[25091116.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-26/25091116.jpg
[18925.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-26/18925.jpg
[http_blog.csdn.net_u014343528_article_details_48787221]: http://blog.csdn.net/u014343528/article/details/48787221
[http_blog.csdn.net_binyao02123202_article_details_20130891]: http://blog.csdn.net/binyao02123202/article/details/20130891
[43905479.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-26/43905479.jpg
[71412724.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-26/71412724.jpg
[http_www.cnblogs.com_penglei-it_p_hexo_domain_name.html]: http://www.cnblogs.com/penglei-it/p/hexo_domain_name.html
[http_www.cnblogs.com_tengj_p_5357879.html]: http://www.cnblogs.com/tengj/p/5357879.html
[http_blog.csdn.net_mynamelijun_article_details_52196184]: http://blog.csdn.net/mynamelijun/article/details/52196184
[http_www.jianshu.com_p_702a7aec4d00]: http://www.jianshu.com/p/702a7aec4d00
[20074557.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-31/20074557.jpg
[http_theme-next.iissnan.com_getting-started.html]: http://theme-next.iissnan.com/getting-started.html
[45453439.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-30/45453439.jpg
[http_www.uyan.cc]: http://www.uyan.cc/
[77606245.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-30/77606245.jpg
[https_tongji.baidu.com]: https://tongji.baidu.com
[72231015.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-30/72231015.jpg
[1936862.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-30/1936862.jpg
[http_fontawesome.dashgame.com]: http://fontawesome.dashgame.com/
[http_www.cnblogs.com_wanqieddy_p_4210767.html]: http://www.cnblogs.com/wanqieddy/p/4210767.html
[http_www.cnblogs.com_super-d2_p_3341864.html]: http://www.cnblogs.com/super-d2/p/3341864.html
[8149063.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-31/8149063.jpg
[5077441.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-31/5077441.jpg
[5696103.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-31/5696103.jpg
[18041034.jpg]: http://omh46px9n.bkt.clouddn.com/17-8-31/18041034.jpg
[https_github.com_Bulandent_hexo-theme-bubuzou]: https://github.com/Bulandent/hexo-theme-bubuzou