在GitHub上从零开始搭建hexo blog

随笔
QiaTia
1年前
0

在GitHub上从零开始搭建hexo blog

搞IT的许多大佬都会拥有属于自己的博客, 总是按捺不住羡慕自己也弄一个, 又买不起服务器, 懒得写主题, 所以啥WP啊这些大麻烦就忽略吧, 直接上GitHub或者码云弄个page项目搭建输入自己的博客吧。

安装

首先我们需要安装 NodeJs :

http://nodejs.cn/ 直接下载安装包下一步下一步就行

安装git

https://git-scm.com/downloads 一样的下一步下一步就好。

NPM 安装hexo

直接在命令中输入下面代码, 由于是全局安装(-g 代表全局安装), 不用担心目录问题

1
$ npm install -g hexo-cli

hexo 本地使用

找一个本地放置blog代码的文件夹,在命令行中打开,输入下面代码

1
2
3
4
$ hexo i blog // i: init的缩写(缩写可以键入完整代码,下同),初始化项目  $ blog: 项目的名称,可自定义
$ cd blog // 切换到blog目录
$ hexo g // g: generate 的缩写,编译生成html代码
$ hexo s // s: server 的缩写,启动服务

执行上述代码后一般会出现一下

1
2
3
4
PS C:\Users\qiati\blog> hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
INFO Bye!

这时候按住Ctrl单击上述给出的地址, 或者复制链接从浏览器打开就可以打开你的本地blog了
hexo-view

hexo 主题

如果你觉得现在的hexo不太漂亮的话,没关系,hexo有非常多的主题提供给我们选择的,你可以去百度或者GitHub上直接搜索hexo theme,然后克隆到本地即可。

克隆GitHub上的主题

我这使用 yilia 主题, 会直接将主题文件保存在 themes/yilia/ 目录下

1
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

然后修改项目根目录下的 _config.yml 配置文件, 找到如下代码,将theme字段改为: yilia

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

然后在

1
2
$ hexo g
$ hexo s

重新打开地址就可以了 点击这里: yilia 可以查看更多yilia的文档
常规

hexo 文章管理

初始化的项目里面已经又一篇hello world的文章, 上面有hexo具体使用的方法:

Quick Start 快速开始

Create a new post 创建文章

1
2
$ hexo new "My New Post"
//My New Post的文件会建在目录/blog/source/_posts下。

Run server 运行服务

1
$ hexo server

Generate static files 生成静态文件

1
$ hexo generate

Deploy to remote sites 部署到远程站点

1
$ hexo deploy

当然上面代码都可以直接输入首字母简写.至于文章如何排版就需要查看Markdown的语法了

hexo 推送到GitHub

GitHub

将hexo的静态博客文件推送到GitHub, 你先需要一个GitHub的账号(推送到码云也大同小异, 操作都是差不多的)。点击这里跳转到GitHub注册或登陆.有了GitHub的账号后我们需要新建一个page项目(不会的话自行百度吧, 篇幅有限我这就不说这么多了).

hexo 配置

我们需要打开项目目录下的_config.yml 文件,然后找到如下代码(一般都是在最下面)

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/QiaTia/qiatia.github.io.git
branch: master

当然我这是配置好的, 将你初始的repo 后面的地址换成你自己GitHub Page给出的地址.冒号后面的空格一定不能忽略

1
2
$ npm install hexo-deployer-git --save
$ hexo d

运行上述代码安装一个插件 ,在hexo d即可推送到你的github page上.首次一般会弹出窗口让你登陆, 输入你的GitHub账号密码即可.

最后

https://hexo.io/themes/ 更多hexo主题
https://www.zhihu.com/question/24422335 知乎上的hexo主题


    还没人来评论哎,快来抢沙发吧