个人网站搭建

虽然一直没怎么学网页设计的知识，但还是想试一下自己做一个网站，经过一天的乱查乱学乱弄，还是学到一点东西，在这里总结一下，方便以后查阅

hexo - GitHub 个人博客网站搭建

一、环境配置

安装Git与NodeJs
Git安装Hexo,执行命令行: npm install -g hexo-cli

二、创建个人网站本地文件夹

1、创建文件夹
2、在文件夹内部执行Git命令行: hexo init
初始化完目录如下：

3、对_config.yml,进行基础配置

三、本地预览

1、依此执行下面代码

hexo clean   # 清除缓存文件等
hexo g       # 生成页面
hexo s       # 启动预览

2、在浏览器输入 localhost：4000 可以看到自己的本地网站
3、如果无法加载，可能是端口号被占用，第三条命令行改为

hexo s -p 5000

在浏览器输入 localhost：5000 可以看到自己的本地网站

四、写文章

1、在该目录下新建一个md文件

2、在md文件内部写上

---

title: 我的博客

---

3、hexo博客的详细写法（使用markdown语法）
参考 Hexo系列(五) 撰写文章

五、更换主题

1、主题下载
主题下载网站
执行命令行下载主题

git clone 主题库链接 themes/主题名称

主题下载完可以在这里看到

2、更换主题
修改config.yml

六、部署到Github上

1、在GitHub上创建一个仓库，仓库名为 用户名.github.io
2、修改config.yml

3、执行命令行，安装hexo-deployer-git自动部署发布工具

npm install hexo-deployer-git  --save

4、执行命令行，发布到GitHub上面

hexo clean
hexo g
hexo d

5、在GitHub仓库可以看到自己的代码

6、浏览器输入仓库名，可以打开自己的个人网站

拓展：也可以自己到腾讯云等地方购买域名，更改网站链接
相关参考教程：
https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html
https://zhuanlan.zhihu.com/p/60578464
https://www.jianshu.com/p/189fd945f38f

GitHub个人网站分布

一、创建GitHub仓库

二、上传代码

将一个可以执行的网页文件上传到github

三、在浏览器打开网页

在浏览器输入仓库名

总结

虽然GitHub上面的网页可以很好地设置自定义网页内容，用来写博客极为方便，而且免费，但网速极为感人，加上我不熟悉Markdown语法，还是看看就好