作者：爱学习的海生

|如果一切顺利的话，现在你应该可以真正的“输出”了

前言

博客的文章编辑器有很多选择：TinyMCE、CKEditor、UEditor、wangEditor、kindeditor……我使用的是markdown编辑器，就在CSDN中就可以使用到。

一、语言规则

虽然编辑器有很多选择，但是语言规则都是基本类似的。这里我使用我现在编辑的截图作为一个示例：
CSDN上的编辑可以实时查看输出状态，还是相当方便的。其中

1

<font face='' color='' size='' >

就是一个基本的编辑文本样式的语句，加在每一段字体前面即可。别忘了当段落结束后或者要更改一次格式前加上

1

</font>

这是表示结束上一个格式。在使用HTML、CSS等时，这是基本格式（我真啰嗦）。
ps：color使用的是颜色代码，你可以点击这个网站查看相关代码编号

二、文章的放置

写好的文章需要根据你的文章类型归类。
首先是要将文章从你的编辑器到处，这里以markdown为例：
导出为Markdonw文件即可，保存后点开文件所在位置，将文件复制到你的blog根目录下的/source/posts里，并且打开编辑，在文章前面加上：

1
2
3
4
5

---
title: 《标题》
cover: /img/cover.jpg //这里填写你的文件名，img是blog中的而非主题中的
categories: 《你的目录名称》
---

三、上传至互联网

1、将更改保存到本地

使用之前提到的方法保存到本地即可：

1
2

$ hexo c
$ hexo g

这一步可以方便你首先在本地里查看文章发布之后在网站上的样子。

2、更改域名

首先，在网上买一个自己喜欢的域名。
腾讯域名

GoDaddy

还有很多网站可以购买，我比较推荐腾讯的域名，价格不算贵，而且种类很多。
这里以我买的腾讯域名为例。
在腾讯云买好后，进入域名解析页面：

1、照着这个界面设置就好，其中第四行是设置你的github地址，格式为：yourgithubname.github.io
2、第一行是你的IP地址，打开npm，输入以下：

1

$ npm config get registry http://你的github地址

之后复制到你的第一行即可
3、第四行的’CNAME‘需要你在你的根目录（/blog)的/source下建立一个同名的文件，如图：

你可以以记事本的方式新建，然后删掉所有后缀，将文件名命名为CNAME即可，用编码软件（vsc）打开，写入你的域名名称（其他什么都不用写），如你的域名为：abcd.com，那么就如此写即可，不用加www.。

问题总结

下一张我再介绍如何部署加速器吧，码字好累。

Q:为什么我的域名打不开或打开后不是我的博客网站？

A:1、网页有一定的延迟，可以等一会儿再看能否打开；
2、检查你是否上传成功，hexo d是上传命令，要显示成功才行；
3、IP地址一定要正确，确保你是设置的你的github地址。

作者：爱学习的海生

|进行到这里，你应该已经有了一个基本的网页结构了。但是现在什么内容都没有

前言

你的个性化定制就从这里开始吧。

一、修改你的主题

其实参考别人写的教程来看，修改主题并不是放在最前面的，但是经过我自身的实践来看。如果是想快速的搭建好一个个性化的网站的话，先使用一个合适的主题是很有帮助的，可以避免一些不必要的步骤。

1.选择主题

那么，我在这里提供一些主题的git hub地址（当然你可以在百度搜索栏直接搜索“hexo 主题”会有相当多的推荐）
indigo主题

Butterfly主题

Clover主题

2.调用主题

1

$ git clone '你在github上复制得到的地址' themes/'你的主题名字'

1

$ notepad _config.yml //notepad表示你要打开这个文件类型的软件，notepad是系统自带的文本编辑器，快捷方便无需下载

注意：每个冒号后面都要加一个英文空格，否则无法识别。

二、主题的相关配置

1.配置任务栏

1

$ notepad _config.yml 

与此同时，

打开hexo根目录的git bash here，运行并打开config.yml，输入：

1
2

$ hexo g
$ hexo s

然后在浏览器打开你的本地网页，就可以实时看到你成功修改的内容了，未成功的话会在gitbash的页面显示错误信息，顺藤摸瓜修改即可。

2.图片设置

找到你的主题根目录，依然是打开config文件，然后找到你的avatar设置区（按ctrl+F即可实现快速搜索）。

按照这个格式的路径找到你的头像（要提前找到你选择的图片并改好后缀，保存到主题根目录的/source/img里）img即可：/img/avatar.jpg（注意在冒号后面加上空格）

同理，可以设置你的网站背景等等，都保存在该文件夹下。

最后，别忘了清理和生成，

1
2

$ hexo c
$ hexo g

总结

只要明白了格式上的规矩，就可以自己在主题的config.yml里自由查找内容并进行编辑个性化设置。

问题总结

Q:我的notepad打不开config.yml或者还有别的打开方式吗？

A:还可以使用VSC、VS等等方式。本人会在之后的更新中补充更多的编辑方式（非前端类型专业学生，求体谅😥）。

Q:我的config.yml更改好了格式（空格打了，缩进关系也是正确的）但还是显示不对，怎么破？

A:这种问题本人也遇到过，有时候删减/增加空格以及整理一下换行关系就能解决。如果实在不行就可以删除主题文件，重新下载一个，这个过程只需要不到1min。

作者：爱学习的海生

|梦开始的地方，哭了

前言

或许你跟我一样受不了公众号的各种限制（或许也是一种方便），或许你手边正好有一台电脑。那么你就可以搭建一个博客，这个过程并不繁琐和困难。

一、hexo是什么？

二、安装HEXO及必要插件

1.安装前提

如果您的电脑中已经安装上述必备程序，那么恭喜您！你可以直接前往 安装 Hexo 步骤。

2.安装HEXO

打开你的npm，

然后输入代码如下：

1

$ npm install -g hexo-cli

tips：第一个字符$仅为标志，无需输入

3.安装淘宝镜像

代码如下（示例）：

1

npm install -g cnpm --registry=http://registry.npm.taobao.org

tips：此处安装你可能会看到一个进度条，但安装成功与否看最后命令提示。如果未成功可以再次输入代码尝试。

1

hexo v//查看版本信息 

4.创建blog文件夹

安装好了一切之后，需要给你的hexo一个专门的文件夹以免和其他数据混乱。输入如下代码：

1

mkdir blog//创建blog文件夹，这个名字可以自定义，但不建议

1

cd blog//进入到你的博客文件夹

tips:’cd‘可以帮助你传送到相应的文件夹或者盘，前提是要使用正确的路径，路径可以在如图所示位置进行查找。

5.生成本地HEXO预览页面

此时你的电脑桌面已经有了Git Bash

试着打开，界面应为这样：

这就表示你成功安装并能运行git bash了，那么接下来关掉这个页面😂，找到你的blog文件夹如图点击：Git Bash here
然后就可以舒服地键入如下代码：

1
2
3
4
5
6
7
8

$ hexo init //生成博客，并初始化
$ hexo s //启动本地博客服务
$ hexo n "我的第一篇文章" //创建你的文章，可以自定义名字
$ hexo c //清理，不会删除你的必要文件请放心使用
$ hexo g //生成，每一次要部署到你的网站上时都要输入
$ hexo s //启动，开启本地的服务地址。
//出现如下代码就表示开启成功
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

然后在你的服务器上输入 localhost:4000 即可。
这个时候你的博客界面就诞生了！🎉

问题解决：

Q:我的localhost:4000 打不开怎么办？

A:更改你的地址试试：

1

$ hexo s -p 5000

或者点击localhost打不开

Q:下载Node.js和Git太慢怎么办？

A:使用npm下载试试。

1

$ npm install git-core