神说要有光,于是便有了光
写代码的,偶尔都想装点逼,想要自己写点博客。刚开始还能在各大社区写,比如说CSDN,开源中国,博客园什么的。但是越写就会越觉得,那些博客平台都不是自己想要的,虽然大平台,能够提高在搜索引擎的收录,但是我看着别人的博客,我也想要有一个自建的博客系统。于是开始了自建博客的入坑之旅,在这儿给大伙分享一下我的自建博客历程。
准备工作
因为自己不是很懂,网上找的资料也很分散。所以整个历程大概经历了四天左右才把自己的博客系统搞好。首先需要准备以下资源
- github账号(应该都有吧,没有的自己去注册一个)传送门
- 选择一个你喜欢的hexo主题,这个网上太多了。可以去hexo官网,或者github上看看
- 准备一个nodeJS环境,具体怎么搞,可以度娘一下 windows传送门,Mac 传送门
- 一个阿里云账号(如果使用github提供的域名的话,这个可以省了)
新建github项目
新建github项目时项目命名规则为{username}.github.io如我的github用户名为weechang。则项目命名为weechang.github.io。
注意:命名规则必须按照这个规则来。
github项目配置
创建成功后就可以配置github项目了。github会自动根据项目名识别是否为github pages项目。如果是github pages项目,会出现github pages配置项目。在此,可以设置github pages项目所在分支及自定义域名等信息。
注意:自定义域名通过cname方式解析,由于github服务器在国外,所以可以不用备案。
查看页面
在浏览器输入 http://{username}.github.io 即可访问你的个人页面。如: http://weechang.github.io
如果访问不了页面,请检查以下问题:
- 1.项目名是否准确
- 2.域名是否解析到了指定cname地址
- 3.分支选择是否正确
安装hexo客户端
打开cmd命令行,选择一个你喜欢的目录(建议可以用git从github克隆工程到本地的本地目录),输入安装命令,开始安装hexo
npm install hexo -g
安装完成后,输入命令,检查hexo是否安装成功
hexo -v
初始化项目文件夹
在项目文件夹下输入初始化命令,进行初始化(此处如果实在克隆项目进行的话,建议新建一个分支,比如我的就是hexo分支,该分支用来管理博客源文件与配置。当然如果想要新建项目管理这些东西的话,当我没说)
hexo init
hexo组件初始化完成后。需要安装依赖包,输入命令即可安装
npm install
运行项目
OK到了此处,你的博客系统已经可运行了。
首先,生成博客
hexo generate // 或者 hexo g
本地部署,本地运行、预览
hexo server // 或者 hexo s
web服务启动后,在浏览器输入给出的预览地址,即可预览
如下,是我的本地预览效果图
推送到github
通过hexo 配置,即可将生成的页面推送到github
修改_config.yml文件。配置如下:
deploy:
type: git
branch: master repo: github: https://github.com/weechang/weechang.github.io.git bucket: blog.weechang.xyz
通过命令推送到github
hexo deploy // 或者 hexo d
推送完毕后,即可通过访问 http://{username}.github.io 访问你刚部署的博客系统(由于服务器缓存等原因,可能需要等几分钟才能访问到最新页面)。
OK,至此为止。最基本的博客系统就构建完成了。如果需要了解更详细的信息,可以继续关注我的相关文章。
若有疑问可以查看我的项目配置 https://github.com/weechang/weechang.github.io
该项目 master分支是生成的博客文章信息。hexo是博客源码。如有疑惑之处,欢迎留言讨论。