六元一个的私有博客系统,了解一下?

神说要有光,于是便有了光

写代码的,偶尔都想装点逼,想要自己写点博客。刚开始还能在各大社区写,比如说CSDN,开源中国,博客园什么的。但是越写就会越觉得,那些博客平台都不是自己想要的,虽然大平台,能够提高在搜索引擎的收录,但是我看着别人的博客,我也想要有一个自建的博客系统。于是开始了自建博客的入坑之旅,在这儿给大伙分享一下我的自建博客历程。

准备工作

因为自己不是很懂,网上找的资料也很分散。所以整个历程大概经历了四天左右才把自己的博客系统搞好。首先需要准备以下资源

  1. github账号(应该都有吧,没有的自己去注册一个)传送门
  2. 选择一个你喜欢的hexo主题,这个网上太多了。可以去hexo官网,或者github上看看
  3. 准备一个nodeJS环境,具体怎么搞,可以度娘一下 windows传送门Mac 传送门
  4. 一个阿里云账号(如果使用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是博客源码。如有疑惑之处,欢迎留言讨论。

本文作者: 张未

猜你喜欢

转载自www.cnblogs.com/weechang/p/9721377.html