使用hexo+github搭建个人博客

最新推荐文章于 2024-04-20 23:19:23 发布

luckystar2008

最新推荐文章于 2024-04-20 23:19:23 发布

阅读量838

点赞数

本文链接：https://blog.csdn.net/qincidong/article/details/82415256

版权

hexo 专栏收录该内容

6 篇文章 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

解决：
修改_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

解决：
参考：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
打开生成的id_rsa.pub文件，复制公钥到github的ssh key。

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

ssh -T git@github.com

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

加入站点内容搜索功能:

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

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

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

使用友言评论

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

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

加入百度统计

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

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

菜单与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路径)

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/super-d2/p/3341864.html

写文章用到的图片处理

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

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

分别注册，并添加站点。选择“HTML标签验证”，然后复制标签的content内容。
在next主题的配置文件中，添加

然后使用hexo g,hexo d重新生成文章，并发布。然后在百度/谷歌/360的站长平台点击“验证”。

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

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

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

默认首页显示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。
更新于2017.11