博客-使用hexo+github创建个人博客

在Win下安装

安装Git Bash

git bash是github的命令行,类似于cmd,用于输入指令。下载地址:

https://git-for-windows.github.io/

一路默认安装就可以。

安装NodeJs

不知道干啥的,反正里面有个npm工具。下载地址:

https://nodejs.org/en/

安装成功后,可以用命令查看是否成功:

node -v

如果出现版本号,就代表成功了。

安装hexo

hexo是一种依托于github的博客生成软件,简言之就是构建博客网站的一种软件。

在任意地方创建新文件夹用于存放博客(我的叫GitRep),然后再该文件夹内右键打开git bash here,输入命令安装hexo:

npm install -g hexo

注意,在回车之后,可能会出现一行WARN的警告语句,不用管它,什么都不要按,等着。。。

npm install hexo --save

安装完成后用命令检测:

npm -v

如果出现版本号就代表安装成功了。

初始化博客空间:

hexo init

完成后可以看到以下文件:

node_modules:是依赖包

public:存放的是生成的页面

scaffolds:命令生成文章等的模板

source:用命令创建的各种文章

themes:主题

_config.yml:整个博客的配置

db.json:source解析所得到的

package.json:项目所需模块项目的配置信息

至此博客空间创建完成。

注册github账号

注册地址,用户名、密码和邮箱要记清楚哦。
注册账号后在桌面上右键git bash here,添加刚注册的github的用户名和邮箱:

git config --global user.name "CdqPT"
git config --global user.email "123456789@qq.com"

新建仓库

TODO.

填写信息

无论Owner是大写还是小写,Repository name必须是和Owner名字一样,且必须是小写,且后边必须是.github.io

复制HTTPS链接

回到<>code页,复制HTTPS链接。

链接hexo与github

在第三步创建的GitRep文件夹下打开_config.yml,推荐使用sumlimb Text3软件。
按照下图修改文件,repository填写刚才复制的链接。

上传博客文件

部署hexo

npm install hexo-deployer-git --save    

生成本地文件

hexo g

上传到github

hexo d

现在,试试在浏览器的地址栏输入:“你的用户名.github.io”,此时,你应该会看到这样的界面:

换主题

选主题要慎重,不然后期修改起来有些麻烦,所以还是耐心选好,目前资料比较多的是next主题,功能最全面,问答量最多。也可以自己挑选喜欢的主题:https://hexo.io/themes/
可以使用git bash工具git clone 主题链接或者下载zip后解压到themes文件夹内,并改成一个好认的名字比如ocean。然后打开根目录下的_config.yml,修改想要启用的主题名称。

接着:

本地部署

hexo g

生成本地预览

hexo s

打开浏览器,输入网址预览
https://localhost:4000/
如果满意就上传

hexo d

写博客

博客是用markdown写的,需要学习一些基本语法,可参考:个人博客-markdown语法笔记

然后可以使用简书的实时预览进行写作,效果如下:

写完后保存成.md格式放在source文件夹下的_post文件夹里。
然后

hexo g
hexo s

查看满意后上传,就可以在网站上看到了。

hexo d

其他写作技巧可参考:博客-使用jekyll主题创建的第四部分和第五部分。

绑定域名

购买域名

阿里云购买域名.

CNAME

在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名,比如我添加的是visugar.com,只能添加一个哦。

解析域名

在阿里云域名管理里解析域名。

其中,记录值可以使用ip地址查询工具输入仓库地址来获取。

ubuntu下安装hexo

安装Nodejs 6.16.0

curl -sL [https://deb.nodesource.com/setup_6.x](https://deb.nodesource.com/setup_6.x) | sudo -E bash -
sudo apt-get install -y nodejs

安装npm

sudo apt-get install npm

安装hexo

sudo npm install hexo-cli -g

设置git

git config --global user.email "you@example.com"
git config --global user.name "Your Name"

设置SSH秘钥

验证有没有SSH秘钥

less ~/.ssh/id_rsa.pub

如果没有秘钥,添加秘钥

ssh-keygen -t rsa -C example@163.com

三次回车
查看秘钥

less ~/.ssh/id_rsa.pub

复制秘钥
到github的setting-SSH and GPG keys中添加刚刚复制的秘钥
OK!

在MACOS下安装

安装环境

首先检查时候安装了git和node.js,终端输入以下命令:

node -v #是否出现安装版本信息,出现说明已经安装了
git --version #同上述情况

如果没有安装,则进行安装,都可以通过直接下载安装测序进行安装,这里不演示,提供下载网址:
[git]: https://sourceforge.net/projects/git-osx-installer/
[node.js]: https://nodejs.org/en/
如果已经安装好了上述的软件,那么可以安装hexo,然后等待安装成功即可。

sudo npm install -g hexo-cli

设置git

git config --global user.email "you@example.com"
git config --global user.name "Your Name"

设置SSH秘钥

验证有没有SSH秘钥

less ~/.ssh/id_rsa.pub

如果没有秘钥,添加秘钥

ssh-keygen -t rsa -C example@163.com

三次回车
查看秘钥

less ~/.ssh/id_rsa.pub

复制秘钥
到github的setting-SSH and GPG keys中添加刚刚复制的秘钥
OK!

参考链接:
https://www.cnblogs.com/visugar/p/6821777.html
https://www.cnblogs.com/zhaoyu1995/p/6239950.html

posted @ 2020-05-10 00:54  多弗朗强哥  阅读(46)  评论(0编辑  收藏  举报