花了一上午的时间,终于弄明白了怎么用hexo搭建博客,现在记录下来,以供以后参考。
一、注册github账号
1、官网注册
上面三栏分别填入用户名,邮箱和密码。(这三个东西对于后面的使用是非常重要的,最好能记住)。
2、创建仓库
现在我们登陆github,单击头像右边的加号,点击repository。
然后在repository name中输入github用户名.github.io
,点击create repository
。
因为我已经创造好了所以他是红的,第一次弄的应该是原谅色的
之后我们先把github一放,来看看下一步。
二、安装所需环境
我们需要两个东西,一个是node.js,另一个是git。 请自行百度搜索下载 下载完成安装时一路next就好了。
我们之后的大部分工作都是在我们安装的git中的git bash进行的(我们把它称之为终端(Terminal))。
那我们现在就来使用一下这个终端:
1、生成添加秘钥
在终端输入 ssh-keygen -t rsa -C "Github的注册邮箱地址"
(注意:有引号) 然后他会让你输入一些东西,我们不用管他,直接一直enter,待秘钥生成完毕,会得到两个文件id_rsa和id_rsa.pub,他会提示文件所在的目录,用带格式的记事本打开id_rsa.pub,ctrl + a ctrl + c复制里面的所有内容,带着他们再回到我们的github,再单击你的头像,点击下面的settings
左边找到SSH and GPG keys,再点击New SSH key
Title随便填,下面的Key就直接ctrl + v 把我们复制的东西统统粘贴进去,再点击Add SSH key就完成了。
git bash中输入命令$ssh -T git@github.com
,选yes,等待片刻可看到成功提示。
2、安装hexo
接下来我们所有的操作都在终端进行。
新建一个你自己的hexo文件夹
文件夹我们就按照常规的方法新建就好了,建好后在终端上输入
$ cd 文件夹的路径
注意:这里的文件夹的路径是不加引号的
这样我们就在git上成功定位了它工作的位置。
强调:强烈建议不要选择需要管理员权限才能创建文件(夹)的文件夹。在此文件夹下安装hexo
$ npm install -g hexo-cli
运行完这条语句再在终端输入
$ hexo
如果显示为这样就说明已经安装好了。
-
初始化博客
$ hexo init <folder>
<folder>为文件夹的路径
$ cd <folder>
进入博客文件夹,<folder>为文件夹的路径
$ npm install
node.js的命令,根据博客既定的dependencies配置安装所有的依赖包
初始化博客后 我们的文件夹中的文件是这样的:
- 配置个人信息
基于上一步,我们对博客修改相应的配置,我们用到_config.yml文件,用记事本打开,我们会看到一大堆东西,但我们只需要修改其中的一部分就好了:
1. 修改网站相关信息
title: # The title of your website网站标题
subtitle: # The subtitle of your website子标题
description: # The description of your website网站的描述
author: # Your name你的名字
language: zh-CN中文
timezone: Asia/Shanghai上海时间
language和timezone都是有输入规范的,详细可参考语言规范和时区规范。
注意:每一项的填写,其后面都要保留一个空格,下同。
2. 配置统一资源定位符(个人域名)
url: http://yourwebsite.com
对于root(根目录)、permalink(永久链接)、permalink_defaults(默认永久链接)等其他信息保持默认。
3. 配置部署(个人感觉最重要)
deploy:
type: git
repo: https://github.com/sukixj/sukixj.github.io.git
branch: master
其中repo可以在github中你创造的仓库中找到
branch是项目的分支,我们默认用主分支master。
执行
$npm install hexo-deployer-git --save
你需要为自己配置身份信息,打开命令行,然后输入:
$git config --global user.name "your github name"
$git config --global user.email "your github email"
- 至此我们的所有配置都搞完了
ps:如有卡住的地方可以ctrl + c 强制退出,或者有不能继续的情况可以重新$ hexo init 文件夹
或者$ hexo clear
清除缓存。
发表文章
支持文章格式为markdown(.md)
在终端执行
$hexo n "文章标题" 或 $hexo new "文章标题"
我们可以在本地博客文件夹source->_post文件夹下看到我们新建的markdown文件,用Markdown编辑器打开文件并编辑保存。我们就可以进行本地生成博客,执行
$hexo g 或 $hexo generate
然后执行
$hexo s 或 $hexo server
就可以在浏览器进入 localhost:4000 进行本地预览
但是毕竟我们目前发布的只有本机看得到,怎么让其他人看到我们写的博客呢?这时候我们来看看博客的部署。
我们只要在生成后终端执行这样的命令即可:
$hexo d 或 hexo deploy
或者可以直接
$hexo g -d
输入你的github用户名和密码,(密码默认不显示),然后就好啦~
更换主题
作为自己搭建的blog,怎么能没有一款逼格++的主题呢?
hexo有着各种各样的主题,均可以在github下载。
比如我们看上一款主题Next,我们就在终端cd 工作目录/themes
,定位到主题文件夹,再执行
$git clone https://github.com/iissnan/hexo-theme-next.git
git bash就会自动为我们下载好这款主题(其他主题同理)
下载完成之后我们找到主文件夹下的_config.yml,用记事本打开它,然后找到theme,把冒号后面的主题名称相应的换成我们下载的主题名称(主题名称即我们下载完主题后文件夹的名称),保存。
在更换主题这方面还有一点注意需要说:因为有的主题设置为UTF-8编码,所以我们需要根据主题来相应的更改主文件夹下的_config.yml的编码和我们需要发布的文章文件的编码(如何更改文件编码?)(默认为ANSI),如不更改,可能会出现博客内中文乱码现象 (调了半天才知道为什么)。
保存后我们在终端执行$hexo g -d
就好啦~~
可能你会不满足于主题自带的背景图片或者其他,在每个github下载页面下方都有README说明,我们可以根据它来自定义自己喜欢的元素。
域名绑定
购买域名
一个高逼格的博客怎么能够少了域名呢ovo。域名提供商有很多,像godaddy、万网等。如果是学生党的话推荐使用腾讯云“1元云主机+域名”计划。
绑定域名
这里以在腾讯云购买的域名为例。
- 进入腾讯云后台域名管理,点击解析域名
-
添加DNS记录:
- 在博客根目录里的source目录中新建CNAME文本文件(不带任何后缀!!!),然后用Notepad++编辑CNAME文件,写入你的域名,保存退出
- 重新部署一下博客(hexo clean、hexo d -g)
- 试试能不能通过域名访问到你的博客。
这样,我们最基础的博客就搭建完了,其实hexo还有很多扩展,只是我还不会,也有很多黑科技,也不会,这就需要我们问dalao了。
wordpress 使用php,权限更高,能搞更多东西出来。而且写东西方便,任意一台电脑、手机都可以写博客。
hexo相对更简洁点,不需要买服务器,很容易弄明白每个文件是干什么的,可以魔改出自己的hexo,通过各种方法实现自己的要求。需要有一定的git基础。不过使用比较折腾,需要node.js git 才能写博客,虽然可以制作便携版放U盘,不过还是比较麻烦不过我现在还是在用hexo,多折腾才能更多踩坑,才能提高(虽然都是在瞎搞)
END