标签：github 网页 hexo de 博客 git Github 搭建
自己de搭建博客记录
因为奇奇怪怪的原因所以开始学着自己搭建一个博客了
但是估计搭好了也不会常更新，连博客园都咕了一个月了
先水水免得自己忘记了，要学的还有挺多
突然发现博客阅读量猛涨，看了下貌似是N2的插件文章被爬到各种奇怪网站了
-1 参考资料
参考资料放最后面的话，文章写太烂还得让别人翻到最底下，不太好
从零开始搭建个人博客
搭建自己的博客(这个博客主题好好看啊)
保姆级搭建自己的博客
Github Page:一个最基础的网站
各种百度出来的报错
etc.
0 前置准备
- 创建一个github账户
- 下载Node.js
- 下载Git并生成sshkey绑定到自己的Github账户上去
1 Start
完蛋不知道咋写
总之，如果不想花钱购买域名和服务器，并且只是需要写博客而不需要实现一些php功能的话，
Github Page 作为Github官方提供的免费托管和发布的网页，算是很好的选择了。
GitHub Pages是免费的静态站点，三个特点：免费托管、自带主题、支持自制页面(抄来的)
按照 官方给的步骤 来就好了，
简单点就是新建一个你的Github名字.github.io的仓库并设置为公开，之后你就可以通过访问你的Github名字.github.io进到你自己的网页了
但是现在也访问不了，得往仓库里塞一个index.html随便写点啥，然后就是你的主页了
2 网页框架
如果是有丰富时间的前端佬就可以自己手搓一个博客页面了
我用的是Hexo的网页框架
npm install -g hexo-cli
最好用cmd装，git不知道为啥报错
下载好后git进到你的本地博客文件夹里，然后hexo init一下，就会生成一大堆配置文件(需要的时间有亿点久耐心就好)
然后执行hexo s等待执行完毕后访问local:4000就可以看到hexo配置好的网页雏形了
然后把hexo生成的文件提交到自己的仓库里去。仓库需要设置为公开
- 首先复制你仓库的ssh
- 然后打开你hexo init的文件夹，打开_config.yml文件，拉到最底下的Development
- 把type改为git，repository后面粘贴你的ssh链接，branch写main
deploy: type: git repository: git@github.com:nighttale/nighttale.github.io.git branch: main # 冒号后面是有个空格的！ - 之后在git里安装git部署插件
npm install hexo-deployer-git --save - 然后输入
hexo g -d就好了，如果之前没有git提交过可能要输入一遍账密
3 第一篇文章
想要写文章，用git的方式就是hexo n "文章标题"
不愿意这样子的话也可以自己新建一个.md文件，写好之后拖到你的blog文件夹下的\source\_posts里就好
就是这么生成的文件在默认的hexo显示的时候没有标题，需要在你自己的.md最前面加上下面的样子
---
title: Test
---
这个看hexo自带的一个说明文档的源代码也能看到
写完之后hexo g -d往仓库推送即可，之后访问你的github名字.github.io就可以看到你写的文章啦
大概就这样
4 美化：hexo主题商店
还在学ing
5 进化：写点自己的前端
还在学ing
其他教程BUG或改进
- Node.js插件下载地址
- 默认的下载地址是放到C盘里了，按照教程改系统变量和下载地址后要记得把两个文件夹升级成权限全开的样子
- 右键/属性/安全/编辑/把用户都勾选上完全控制/应用
- npm下载太慢可以换源
- 有的时候本地都弄好了但提交上去之后还是没有预期效果，可以试试先
hexo clean一下再推送，还有些命令参考官方文档 - 暂时还没有，等后面慢慢补了
End
2022/8/14 现在还没把网页搞成自己想要的样子，还是等学会主题部署再扔过来好了。反正博客园也是鸽
标签：github,网页,hexo,de,博客,git,Github,搭建 来源： https://www.cnblogs.com/life-is-a-picnic/p/16612415.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。