版权声明:本文为原创文章,转载请注明作者和出处。
主要介绍基于Windows10的WSL下hexo+Github的方式完成Blog搭建。所以,在一切开始之前,请先注册Github账号,并安装WSL(请参考本Blog的WSL安装一文)。
hexo官方URL:https://hexo.io/ https://github.com/hexojs/hexo
GitHub官方URL:https://github.com
环境安装
Windows软件安装
官方https://gitforwindows.org/下载git,这里主要使用Git Bash。
WSL环境设置
- sudo apt-get install nodejs-legacy npm
- sudo npm install -g n
- sudo n latest
- sudo n stable
- sudo n lts
- sudo npm install npm@latest -g
- sudo npm install --save core-js@3
- sudo npm install -g hexo
- sudo npm install hexo-deployer-git --save
- sudo node -v
- sudo npm -v
Git环境设置
主要是为了可以上传源码至Github,本文采用SSH Key的方式,毕竟HTTP的方式不太安全。
1 | cd ~ |
打开github主页,进入个人设置 -> SSH and GPG keys -> New SSH key,将ssh-rsa开头的一串字符拷贝至Key的输入框内。
域名设置
现有知道你的用户名.github.io的IP,学过网络的人都懂的,ping下就能显示了。域名配置最常见有2种方式,CNAME和A记录,CNAME填写域名,A记录填写IP。
写Blog
新建一个目录(名字随便),这里以hexo为例,进入hexo目录,执行命令hexo init,会自动生成很多文件。
_config.yml设置
主题
修改_config.yml中的theme: landscape改为theme: xxx,然后重新执行hexo g来重新生成。
1 | cd /xxx/hexo/ |
各种主题: http://jekyllthemes.org/
GitHub
1 | deploy: |
步骤
- hexo new “Markdown的文件名”,编辑./source/_posts下对应Markdown文件
- hexo clean
- hexo g
- hexo s
- 浏览器打开http://localhost:4000
- hexo d
Markdown编辑工具
推荐VS Code,插件推荐:
- Name: Markdown All in One,Publisher: Yu Zhang
- Name: markdownlint,Publisher: David Anson