如何使用 Gitee or GitHub 搭建hexo个人博客

发布于 2019-08-10  275 次阅读


导语:为什么要有一个博客?

这个疑问,相信许多人都会有,为什么你需要一个博客,对于博主本人的话,理由有二,也许可以让你明白这个问题。

1、可以记录你的日常生活

关于这一点的话,我之前有写过一篇游记,这个的话,就是记录生活的一个方面,我去过这个地方,我记录下我的想法,在之后看到就会想起来:啊,我去过这个地方,这个地方怎样怎样……你在那里干了什么,有什么令你想吐槽的事情等等,你想起来可能会笑得像个猪头,也不失为是种interesting的操作嘛。

2、记录你的各种瞎搞过程

总所周知,人是有求知欲的,一旦你对一件东西产生兴趣,你就会去弄好它。在弄好一件东西后顺手做个笔记,这样的话,在自己下一次搞事的时候便能起到一定的作用。

或许你会问,我第一次会了之后不是就会了吗?记录了又有什么用。

其实并不完全是这样,有时一些小小的细节是很容易被忽视的,也许你第一次忽视了,找了好久,终于找到了。第二次你就不一定会记得,这时候如果有笔记的话,当时的记录在现在看来会更加清楚,这样子的话,在之后做一件事情的话会起到很大的作用。

其次,写博客就是为了给别人看的。有时候写写教程的话,有时候可以帮助到需要的人,岂不美哉!

当然,上面那些都不是重点,重点是How,怎样搭建个人博客

一、准备工作

  1. 下载并安装git和nodejs,这些一般网上都会有的,如果git找不到,可以在网页版的腾讯软件管家里找哦

  2. 准备一个文件夹,文件夹建议可以命名为”blog”或”hexo”,用于存放博客的内容

  3. 去Gitee 或 GitHub上注册一个账号,请记住,账号的名字是有用的,最后的访问域名就是 用户名+Gitee/Github.io (当然了,如果有自己的域名就不需要考虑用户名的问题了,但请优先考虑Github,因为它可以绑定域名(可以去注册.tk/.cf之类的免费域名))

  4. 有个能万用的编辑器,如果没有,可以考虑用Atom或VScode。

  5. 熟悉ctrlwin的常用快捷键,不是必须品,但是熟悉更好

准备工作就是这样的

二、开始进行前期工作

为方便说明,本文默认你的博客建立在 D:/blog

  1. 先安装 hexo-cli,按下win+R调出运行,输入 cmd,在出来的窗口输入以下内容
npm install hexo-cli -g
  1. 安装hexo博客核心文件
hexo init d:/blog
cd d:/blog
npm install

现在就能在 D:/blog 下看到hexo的本体文件了

简单介绍一下几个文件(夹)

scaffolds——不知道有什么用,存着一些类似模板的东西

source——用来存放内容,如果直接在里面放东西,在构建完之后会出现在网站的根目录下,其中的 _posts 用来存放写好的文章,记得要是Markdown语言!!!即文件为 .md 格式

语法详见 这里

此外,在文章前面还要加上格式

title: 关于这个新博客 #标题
date: 2019-08-24 15:38 #时间,格式为YYYY-MM-DD xx:xx(具体时间可以省略)
categories: "杂谈" #分类
tags:   #标签(可以多个)
 - 日常
 - 

theme用来存放主题

_config.yml 是hexo的配置文件(注意,是博客的,不是主题的)

了解了以上这些,你就可以在D:/blog右键,选择”Git Bash Here”,执行以下命令

hexo g # 作用是构建hexo的静态文件
hexo s # 作用是开启hexo的服务端,端口默认4000,可以通过http://127.0.0.1:4000 访问

如果不报错的话,目录应该会像这样

可能文件会少几个,但没什么问题

现在我们打开http://127.0.0.1:4000/已经可以看到一篇内置的blog了。

目前我安装所用的本地环境如下:(可以通过hexo -v查看)

hexo: 3.9.0
hexo-cli: 2.0.0
os: Windows\_NT 6.3.9600 win32 x64
http\_parser: 2.8.0
node: 10.16.0
v8: 6.8.275.32-node.52
uv: 1.28.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
modules: 64
nghttp2: 1.34.0
napi: 4
openssl: 1.1.1b
icu: 64.2
unicode: 12.1
cldr: 35.1
tz: 2019a

二、博客的美化

以下文章以博主的魔改主题 Eternal night 进行演示(欢迎 fork 以及 star )

安装主题

cd d:/blog/themes
hexo clean
git clone https://gitee.com/haotong666/hexo-theme-Eternal-night.git

启用主题

修改Hexo目录下的_config.yml配置文件中的theme属性,将其设置为Eternal-night。

theme: Eternal-night

更新主题

cd d:/blog/themes
git pull
hexo g # 生成
hexo s # 启动本地web服务器

现在打开http://127.0.0.1:4000/,会看到我们已经应用了一个新的主题。

这样,一个本地的博客就搭建好了,如何将其部署到Github page等下次更新吧(其实是在摸鱼)


一个垃圾高中生的博客