搭建一个blog

我是在windows下使用hexo来搭建blog的,hexo是一款简单、快速的博客框架,可以用来写markdown文件的博客

一、安装git和nodejs

git是一种分布式版本控制系统,我们搭建的blog要用到github,使用
username.github.io为域名。下载地址 选择合适的版本下载并安装,安装完成后,右键会有关于git的两个按键

nodejs是运行在服务端的JavaScript,下载地址选择合适的版本下载并安装

二、安装hexo

在你合适的地方新建一个hexo文件夹用于安装hexo,这里我选择在E盘下,在hexo文件夹中,打开git的命令行

npm install -g hexo-cli    #-g 表示全局安装
hexo init                  #初始化
hexo install               #安装依赖

本地测试

hexo g   //生成文件,和更新类似
hexo s  //本地启动,可在http://localhost:4000/本地访问博客

在生成以及部署文章之前,需要安装一个扩展:npm install hexo-deployer-git --save

  • themes文件夹稍后可以安装适合自己的主题
  • _config.yml在文件中可修改配置文件

  • _post文件夹中添加你写的md格式的博客

三、生成SSH并添加到github

先在Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io。并且需要勾选Initialize this repository with a README

现在我们可以发现可以访问https://{username}.github.io/了
对本地的hexo博客根目录\_config.yml进行修改,添加如下内容

deploy: 
  type: git
  repository: https://github.com/life0sfc/life0sfc.github.io.git
  branch: master

将Hexo与Github page联系起来,设置Git的username和email

$ git config --global user.name "your name"  
$ git config --global user.email "your_email@youremail.com"

创建ssh密钥

ssh-keygen -t rsa -C “your_email@youremail.com”

会在~/.ssh文件夹中产生密钥文件

登录Github,点击头像下的settings,添加ssh,id_rsa.pub文件里的内容复制上去

输入ssh -T git@github.com,测试添加ssh是否成功

可以看到已经成功了

在Hexo博客根目录

上传到github上

四、优化你的博客

4.1 更改博客主题
git clone https://github.com/iissnan/hexo-theme-next themes/next

_config.yml(这是在Hexo博客根目录下的文件)中将theme: landscape改成theme: next

4.2 添加RSS

在hexo根目录打开git bash,安装插件:

npm install --save hexo-generator-feed

修改hexo博客根目录\_config.yml文件,添加

feed: # RSS订阅插件
  type: atom
  path: atom.xml
  limit: 0
plugins: hexo-generate-feed

修改hexo博客根目录\themes\next\_config.yml(这是主题配置文件)文件,添加

rss: /atom.xml
4.3 将博客地址加入搜索引擎

虽然我们将自己的博客托管到了github上,但是github是不会将站点信息提交给搜索引擎的(即使用搜索引擎是搜不到我们的博客的),所以我们必须手动将自己的博客站点提交给谷歌、百度的搜索引擎。

  • 验证站点
    打开谷歌搜索引擎验证(需要翻墙),点击添加网站,输入自己的博客 地址,选择HTML标记验证

打开本地博客主题下的layout/_partial文件夹,有一个名为head.swig的文件,使用编辑器打开,将刚才复制的两句 meta 代码粘贴进去
保存文件后,输入以下命令将博客重新部署到 GitHub服务器中。

hexo clean && hexo g && hexo d

完成验证

  • 生成站点地图

站点地图可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的 Sitemap 形式,就是XML文件,在其中列出网站中的网址以及关于每个网址的其他元数据(上次更新的时间、更改的频率以及相对于网站上其他网址的重要程度为何等),以便搜索引擎可以更加智能地抓取网站。 —百度百科

在hexo根目录打开git bash,安装插件:

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

打开hexo目录下的_config.yml文件,修改url参数为博客的首页地址,这样是为了保证能正确生成sitemap.xml文件中的地址。
添加以下配置

sitemap:           //自动生成sitemap.xml
  path: sitemap.xml
baidusitemap: 
  path: baidusitemap.xml

其中sitemap.xml适合提交给谷歌搜素引擎,baidusitemap.xml适合提交百度搜索引擎,重新部署博客。

谷歌站点控制台,提交站点地图

完成

4.4 杂

添加Valine评论系统
在主题配置文件中,修改以下处代码

valine:
  enable: true         #是否启用
  appid:             #Leancloud中的appid
  appkey:             #Leancloud中的appkey
  notify: false     #收到回复是否Email通知
  verify: false     #回复验证码
  placeholder:       #评论框欢迎语
  avatar: mm         #gravatar 头像默认风格
  guest_info: nick,email,link     #需填写的信息
  pageSize: 10         #评论页面大小
  • 添加菜单选项

    hexo new page “categories” // 添加分类页面
    hexo new page “tags”// 添加标签页面
    hexo new page “about” // 添加关于页面

新建一篇博客,在git bash执行命令:hexo new post “博客名”

参考链接

https://zhuanlan.zhihu.com/p/33616481