简介
本文主要介绍如何快速搭建个人博客。其实网络上这类文章很多,而且我的博客搭建也是参考了多篇相关文章后完成的,感谢他们的付出和共享。那你可能会问,有那么多了为啥还要写?吃饱了撑着?当然不是,至少一点,对我来说意义不同啊。总结下其中出现过的错误及解决办法,制定优化完善计划,记录博客成长过程。
环境配置
由于配置过程比较简单,以下内容只是Mac环境的配置方法,其它系统请自行Google。
如果没有安装homebrew的,强烈推荐先安装参考官网,完了后使用homebrew管理软件,各种方便。
安装Git
$ brew install git //一步安装
安装Node.js
brew link node
brew uninstall node //先卸载旧版
brew install node //安装
使用 brew list 检查是否安装成功,输出结果显示有node表示成功
安装tnpm替换npm(npm由于源服务器在国外,下载node包速度较慢,cnpm使用国内镜像)
npm install -g tnpm --registry=https://registry.npm.taobao.org
Hexo配置
建议查阅其hexo官网,比较简单,这里罗列下命令步骤。
$ npm install hexo-cli -g //安装hexo
$ hexo init blog //初始化blog项目
$ cd blog
$ npm install
$ hexo server //本地运行
$ hexo generate //编译生成html。 命令也可以简写:hexo g
$ hexo deploy //部署到远程。 命令简写: hexo d
同步到github
创建博客仓库
新建github代码仓库,命名为 {yourname}.github.io,其中{yourname}就是你的用户名,这是 GitHub Pages 的命名规范。-
修改配置文件_config.yml
重点修改: 直接拉到文件末尾。
# 添加此修改内容 deploy: type: git repo: https://github.com/yourname/yourname.github.io.git branch: master
其它改动:theme、language、titlezone、title、description等等。请查阅官方文档。修改后,通过hexo server命令,本地运行后马上就能看到效果。
注意配置文件中,所有冒号后面记得加一个空格,不然会报错。
发布新文章
-
创建文件
$ hexo new "fileName"// 比如:hexo new helloHexo
-
编辑
打开上一步生成的文件"helloHexo.md"文件(路径:./source/_posts/helloHexo.md)并编辑。
-
本地运行
$ hexo server //本地就可以及时访问
-
推到远程GitHub仓库
$ hexo generate //类似编译过程 $ hexo deploy //ok,发布完成,可以通过yourname.github.io访问了。
-
错误解决:error deployer not found:git
//执行以下命令 sudo npm install hexo-deployer-git –save
-
如果修改后运行,本地访问生效了,但github.io访问还是未改变?
//执行clean命令先 $ hexo clean
主题
NexT 相关配置
- 基础配置-参考官网
- 添加文字阅读量统计
- 增加畅言评论的支持 ,由于畅言需要域名备案,暂且没加评论功能。
- 背景动效
修改themes/next/_config.yml 主题配置文件,将想要的效果置为true。
602 # Canvas-nest 这个使用的多,比较适合主题:Muse、Mist
603 canvas_nest: true
604
605 # three_waves
606 three_waves: false
607
608 # canvas_lines
609 canvas_lines: false
610
611 # canvas_sphere
612 canvas_sphere: false
613
614 # Only fit scheme Pisces
615 # Canvas-ribbon
616 canvas_ribbon: false
最终效果
后续优化
- 统计
- 域名绑定
小结
写完了,虽然感觉有价值的内容很少,但希望对你有用,哪怕是一点点。现在信息量很大,相关知识点优秀文章也很多,但要怎么把它们跟自己的知识体系链接起来呢,答案就是加上自己的理解并把它记录下来。
查理·芒格有一句名言-“想要得到某样东西的最好方法,就是让自己配得上它。”
最后,你在搭建过程遇到任何问题或建议,欢迎评论交流。