hexo + github部署搭建个人博客

2019-10-17  本文已影响0人  _paper

安装

hexo是基于node.js制作的一个博客工具
安装hexo之前首先需要安装node.js

sudo su
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g hexo-cli

npm install hexo-cli -g 速度慢,npm 的 registry 修改使用淘宝的镜像

创建博客

sudo su
mkdir hexo-blog
cd hexo-blog
sudo hexo init
INFO  Start blogging with Hexo!

文件夹名自定义;输出这个INFO说明成功创建博客。

查看所生成的文件
这时 blog 目录下已经生成了关于hexo框架的一些基础内容。

启动博客

启动:

hexo s

或者

hexo server

启动完成之后,输出如下:

INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

浏览器就可以访问本地4000端口:http://localhost:4000

新建文章

hexo n "test"

或者

hexo new "test"
INFO  Created: /Users/paper/Documents/paper/hexo-blog/source/_posts/test.md
cd source/_posts
ls -l

查看新建的文章

编写文章

编写test.md
vim, VS code, Sublime Text 等等都可以


编写后的文章

换主题

在github搜索 'hexo-theme',找自己喜欢的主题下载下来,具体的安装方法每个github上写得很清楚,下载的文件一般位于 hexo-blog/themes/ 目录下。
下载完之后,修改配置文件 hexo-blog/_config.yml

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: even

even 修改为自己下载下来的主题名,也就是hexo-blog/themes/目录下你下载的文件名。

Menu + Categories + Tags

修改 hexo-blog/themes/even/_config.yml

menu:
  Home: /
  Archives: /archives/
  Categories: /categories/
  Tags: /tags/

添加一些菜单项, 要 new 一下那些页面,比如 Categories:

hexo new page categories

修改hexo-blog/source/categories/index.md 文件

---
title: categories
date: 2019-10-18 23:23:02
type: "categories"
layout: "categories"
---

修改hexo-blog/_config.yml文件
这时要注意写layout才可以从categories菜单里查看所有categories;

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

categories的注释去掉
tags方法和categories一样。

在文章里使用 Categories 和 Tags

---
title: for test.
date: 2019-10-18 22:04:52
tags: [tags1, tags2]
categories: category1
---

### test category & tag

部署到GitHub

  1. GitHub上创建一个仓库名为:username.github.io
    username一定要是GitHub的账号
  2. 安装 git 部署的插件
cnpm install --save hexo-deployer-git
  1. 修改配置文件
cd hexo-blog
vim _config.yml
# 最底部
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/paper00/paper00.github.io.git
branch: master

指定部署的 type, repo, branch

  1. 部署
hexo d

或者

hexo deploy
Username for 'https://github.com': paper00
Password for 'https://paper00@github.com': yourpassword

完成

访问 https://paper00.github.io/

上一篇下一篇

猜你喜欢

热点阅读