闲着没有事做,又想写一点自己的水东西,因此也东施效颦,学着大佬们自己建一个blog玩一下~
(为什么用hexo呢,因为我看大佬们都用这个,所以我就看了一下教程加入了)
主要参考了这篇简书上的文章"5分钟搞定个人博客-hexo"
1. 新建GitHub仓库,本地项目
- GitHub上新建一个名为
.github.io 的仓库,这样命名的仓库是一个特殊的仓库,详见github.io - 本地用npm安装hexo
npm install -g hexo
- 初始化项目,简单来说就是运行这个命令:
hexo init
本地看看
hexo s
然后本地浏览器访问 localhost:4000
2. 执行命令,提交看看效果
先创建一篇新文章:
hexo new "随便什么好听的名字"
然后修改项目的的配置文件(_congif.yml)
deploy:
type: git
repo: <你的仓库地址>
branch: master
用npm安装推送仓库的工具
-deployer-git --save npm install hexo
执行下列命令推送到刚刚配置的仓库
hexo clean
//清除一下原来的各种中间文件(吧
hexo g
//生成
hexo d
提交到仓库
浏览器访问
3.换一个好看的主题
官网的这里有很多好看的主题的预览。(我甚至还看到了某个很著名的galgame网站的主题),选择一个喜欢的
然后在项目目录下 git clone 一下项目
然后在项目的目录配置(_congif.yml)下修改theme:
theme: <主题的名字>
自己解决的两个小问题
1.hexo deploy
时遇到的问题:
fatal: unable to access 'http://github.com/wjsvec/wjsvec.github.io/': OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054
FATAL {
err: Error: Spawn failed
at ChildProcess.<anonymous> (C:\blog\hexo\node_modules\hexo-util\lib\spawn.js:51:21)
at ChildProcess.emit (events.js:376:20)
at ChildProcess.cp.emit (C:\blog\hexo\node_modules\cross-spawn\lib\enoent.js:34:29)
at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12) {
code: 128
}
`} Something's wrong. Maybe you can find the solution here: %s https://hexo.io/docs/troubleshooting.html``
百度了一下说是需要把科学上网软件关一下,然后问题变成了这样:
fatal: unable to access 'http://github.com/wjsvec/wjsvec.github.io/': Failed to connect to github.com port 443: Timed out
FATAL {
err: Error: Spawn failed
at ChildProcess.<anonymous> (C:\blog\hexo\node_modules\hexo-util\lib\spawn.js:51:21)
at ChildProcess.emit (events.js:376:20)
at ChildProcess.cp.emit (C:\blog\hexo\node_modules\cross-spawn\lib\enoent.js:34:29)
at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12) {
code: 128
}
} Something's wrong. Maybe you can find the solution here: %s https://hexo.io/docs/troubleshooting.html
废话么,不翻墙怎么上GitHub,必然超时啊
我的解决,笨办法,去IP查询网站找到GitHub现在的IP地址,然后改一下电脑的HOST文件,这样就不用科学上网了,能保证国内的网络也可以ping通GitHub了(当然访问网页版GitHub还是不行。。。。
可能一次比较慢,需要改一下HOST文件,不过考虑到我这样的老摸鱼好像一个星期就写一篇新的就不错了。。。好像也不是很麻烦?(大概吧
2. 主题配置时遇到的小问题
我一般喜欢用latex写一点公式,但是hexo不支持,主题安装时提到了需要
# 数学公式
npm install hexo-renderer-mathjax --save
试了一下并不可以正常显示数学公式,于是去看了一下demo网站的代码(package.json),好像不是推荐的数学库啊,那就重装一下,换成demo网站的那个库就好了~
npm install hexo-math