使用hexo+github搭建个人博客

hexo+github搭建个人博客

参考:
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中的部署配置:

1
2
3
4
5
# 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中,输入:

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

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

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

配置完毕后,使用下面的命令测试一下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禁止访问。

next主题使用帮助:http://theme-next.iissnan.com/getting-started.html

加入站点内容搜索功能:

本站点使用的是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路径)

1
2
3
4
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))。

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

搞定。

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

1
2
3
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文件中,找到

1
2
3
auto_excerpt:
enable: false
length: 150

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

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

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

github pages开启https支持

参考:https://likfe.com/2018/05/03/github-pages-custom-domains-support-https/

使用hexo-theme-bubuzou主题

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

使用hexo s命令不成功

提示如下:

但是hexo g命令是成功的。

PS:需要执行npm install hexo-server --save,然后再执行hexo s即可。

可能还缺少其他的组件,使用npm audit fix来查看缺少的组件,然后依次安装。

Donny wechat
欢迎关注我的个人公众号
打赏,是超越赞的一种表达。
Show comments from Gitment