hello-hexo

本文是建立这个博客写下的第一篇博文,记录这个博客建立的过程,今后要多写博客,不管有没有人看,分享一下自己的一些技术上的学习过程,和生活的一些体会等。

接下来这篇文章主要讲述我搭建博客的过程。

安装环境准备

  • git
  • node.js
  • github账号和腾讯云域名

前期工作

安装git
选择对应的系统版本下载即可

安装node.js
选择对应的系统版本下载即可

安装hexo

1
2
# 安装 hexo 命令行工具  
$ npm install hexo-cli -g

创建项目

1
2
3
4
5
#创建一个你要放你的blog文件的文件夹,我这里是blog  
#初始化hexo
$ hexo init blog
$ cd blog
$ npm install

新建完成后,指定文件夹的目录如下:

1
2
3
4
5
6
7
8
.  
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

在_config.yml文件中修改对应的配置,我这里修改了titel 网站标题和author 作者两项,其他可以参考官方文档进行修改。

查看博客

配置完成后,可以运行

1
2
$hexo generate  
$hexo server

生成静态文件并启动服务器,默认可以在
http://localhost:4000/ 查看。

hexo主题设置

hexo支持主题的自定义,我采用的是next主题,是用的比较多的一个主题。

首先下载主题,我这里采用git clone 的方式进行下载

1
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

然后设置主题,修改根目录下的_config.yml文件

1
theme: next

接下来对主题里的一些选项进行修改,首先修改菜单栏,添加你需要的页面,我这里添加关于页面about

1
2
3
4
5
6
7
8
9
menu:  
home: / || home
about: /about/ || user
#tags: /tags/ || tags
#categories: /categories/ || th
archives: /archives/ || archive
# schedule: /schedule/ || calendar
# sitemap: /sitemap.xml || sitemap
# commonweal: /404/ || heartbeat

其他的根据需要修改即可。
配置访客统计,next集成了busuanzi的访问统计功能,只要在主题的配置文件中打开即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# Show PV/UV of the website/page with busuanzi.  
# Get more information on http://ibruce.info/2015/04/04/busuanzi/
# 增加不蒜子访问数量统计
busuanzi_count:
enable: true
# custom uv span for the whole site
site_uv: true
site_uv_header: 访问人数
site_uv_footer:
# custom pv span for the whole site
site_pv: true
site_pv_header: 访问总量
site_pv_footer:
page_pv: true
page_pv_header: 浏览
page_pv_footer:

将enable 设为true即可

备注:由于busuanzi(不蒜子)的网址更新,导致了使用Hexo Next主题时统计浏览数失效.
解决方法:到hexo的themes文件夹下, 进入\themes\next\layout_third-party\analytics打开: busuanzi-counter.swig

将src=“https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js”

修改为src=“https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js”

即可。

接下来博客已经搭建好了我们需要将我们生成的静态文件部署到我们的github上去,就可以通过github访问我们的博客了。

github设置

首先注册一个github账号,我本来就有,这里略去。
然后新建一个仓库,要注意的是,我们建的项目名一定要是 用户名.github.io 的形式,这样才能生成我们的页面。
仓库建立好之后,我们需要将内容同步到我们的github上去。

首先我们配置全局的git 账号和邮箱

1
2
git config –-global user.name “xxxx”  //(“”的账号是刚才Github里面自己注册的账号)   
git config –-global user.email “xxxx@qq.com” //(""的邮箱是你自己注册的邮箱)

然后生成ssh密钥,并设置到github上

1
2
cd ~/.ssh   
ssh-keygen -t rsa -C “xxxx@qq.com” //打自己的邮箱

接下来,复制生成的密钥 id_rsa.pub,到github的设置页面的 SSH and GPG keys 里面
新建一个,并把密钥的内容粘贴上去。
测试ssh是否成功

1
ssh -T git@github.com

上传hexo

安装部署到github上的插件依赖

1
npm installsave hexo-deployer-git

然后修改根目录下的_config.yml文件夹
deploy:
type: git
repo: git@github.com:xxxx/xxxxx.github.io.git //(这里改成自己的用户名和用户名加域名,可以在仓库的右上角直接复制)
branch: master
接下来运行

1
hexo deploy

即可完成部署。

查看博客

过几分钟后,在浏览器输入 用户名.github.io 即可看到自己的博客。

博客搭建成功


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!