博客-使用hexo+github创建个人博客
在Win下安装
安装Git Bash
git bash是github的命令行,类似于cmd,用于输入指令。下载地址:
https://git-for-windows.github.io/
一路默认安装就可以。
安装NodeJs
不知道干啥的,反正里面有个npm工具。下载地址:
安装成功后,可以用命令查看是否成功:
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