Hexo 搭建博客(一)

hexo在GitHub上搭建个人博客

什么是 Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

起步

在搭建博客之前,首先确保自己本地电脑上已经安装git, node.js, hexo这三项软件。
不确定自己电脑上是否有这几个软件的话,可以在dos窗口下(也就是CMD窗口)用“软件名 -v”的方式查看,如下图:
Hexo 搭建博客(一)

安装Git

(1)官网下载:https://git-scm.com/download/win 选择好自己电脑的版本。我的是win7-64位
(2)一直点 Next,继续安装
(3)在最后一步选择如下:
Hexo 搭建博客(一)
(4)点击 Install,再点击finish 完成安装
PS:实在不会可以去网上查考这几个软件更详细的安装教程,不过这几个软件安装起来,到没有什么特别难的地方,哥哥我在安装过程中没遇到什么问题。很快就搞定了。

安装Node.js

(1)官网下载:https://nodejs.org/en/download/ 选择与自己电脑数位一致的版本安装,不要都装在C盘底下,不然电脑会很卡 。
(2)安装一直next ,然后install ,再然后Finsh , 就OK了

安装 Hexo

(1)在电脑中新建一个文件夹存放自己的博客,名字自己起。例如:D盘里面新建一个 blog 的文件夹
(2)在文件夹内,鼠标右键点击,选择 Git Bash Here 。出现命令窗口
Hexo 搭建博客(一)
(3)输入命令:npm install -g hexo-cli ,按 回车

建立站点

(4)接着上一步,输入命令:

npm config set registry "https://registry.npm.taobao.org"

由于默认的 NPM 镜像实在太慢太慢,我们把源替换成淘宝的镜像,
需要注意的是,这一次切换是暂时的,如果下回从 npm 下载一些东西还是觉得非常慢,记得再执行一次这一条命令。
(5)根据 Hexo 的官方文档 开始使用 — 建站,依次执行下面两条命令,建立我们的新网站:

hexo init Hexo  #初始化 ,会在然来目录下新建一个Hexo 的目录
cd myblogs  #进入到Hexo 目录
npm install

换了淘宝的镜像后,应该能在几分钟内完成。完成后,Hexo 文件夹下面的目录如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   └── _posts
└── themes
  • _config.yml 文件存放着网站的配置信息,可以在这里配置大部分的参数。
  • package.json 文件存放着插件信息,从中可以查看那些插件已经安装。
  • scaffolds 是模板文件夹,新建文章时,Hexo 会根据 scaffold 来建立文件,不过这个模板和后面的主题里指的模板不一样。
  • source 是存放用户资源的地方的文件夹,除 _posts 文件夹之外,开头命名为 _ (下划线) 的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹(别急,等下会生成的),而其他文件会被拷贝过去。
  • themes 主题文件夹,Hexo 会根据主题来生成静态页面,我们以后自己安装的主题也都会放在这个文件夹下面,默认的 landscape 主题已经在里面了。
    (6)在终端中敲入 hexo generate 命令
    (7)在终端中敲入 hexo server 命令(确保路径仍在 Hexo 下),可以在 http://localhost:4000/ 中看到我们网站默认的样子了。
    (8)打开浏览器,地址栏输入http://localhost:4000/ ,结果如下图,可以看到,初始化的 Hexo 博客搭建成功,可以访问。
    Hexo 搭建博客(一)
    到这一步你的博客在本地服务器上,已经跑通。使用的是Hexo 默认的主题,Hexo文件夹中的文件就是你博客项目的所有文件。
    当然,对于页面内容你还没做任何修改,目前只是在本地把Hexo框架搭建起来了。
    下面请思考三个问题?
  • 如何把你的博客部署到Github Pages上去?
  • 博客页面不是我想要的,如何进行页面装修?
  • 如何可以通过域名来实现访问的博客?
    答案在以下揭晓:请点击

如何把你的博客部署到Github Pages上去?
博客页面展示的不是我想要的,如何进行页面装修?
如何可以通过域名来实现访问的博客?