使用Hexo+Github搭建属于自己的博客

tangr206 发布于2019-08-29 17:03 / 1915人阅读

摘要：工具技术创建项目账户注册和新建项目，项目必须要遵守格式账户名，不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹，我是在盘建了一个文件夹。

工具：Visual Studio Code/MarkdownPad
技术：Hexo+Github

创建Github项目

Github账户注册和新建项目，项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README

在建好的项目右侧有个settings按钮，点击它，向下拉到GitHub Pages，你会看到那边有个网址，访问它，你将会惊奇的发现该项目已经被部署到网络上，能够通过外网来访问它。

安装Hexo

在自己认为合适的地方创个文件夹，我是在D盘建了一个blog文件夹。然后在vscode打文件夹

在vscode中打开终端，输入npm install hexo -g，开始安装Hexo

输入hexo -v，检查hexo是否安装成功

输入hexo init，初始化该文件夹（有点漫长的等待。。。）看到后面的“Start blogging with Hexo！”，激动有木有！！！！！

输入npm install，安装所需要的组件

输入hexo g，首次体验Hexo

输入hexo s，开启服务器，访问该网址，正式体验Hexo（假如页面一直无法跳转，那么可能端口被占用了。此时我们ctrl+c停止服务器，接着输入“hexo server -p 端口号”来改变端口号）

将本地blog和Github项目联系起来

配置Deployment，在其文件夹中，找到_config.yml文件，修改repository值（在末尾）

repository值是你在github项目里的ssh（右下角）

deploy:
  type: git
  repository: git@github.com:ZengGuanBao/ZengGuanBao.github.io.git
  branch: master

新建一篇博客，在cmd执行命令：hexo new post "博客名"

或者在vscode中新建文件

把新建的文章更新到Github项目上

在生成以及部署文章之前，需要安装一个扩展：

npm install hexo-deployer-git --save

使用编辑器编好文章，那么就可以使用命令：hexo d -g，生成以及部署了

部署成功后访问你的地址：http://用户名.github.io。那么将看到生成的文章

更新主题后，上传没有生效

最后，在查询了一些资料之后，终于知道，这可能是hexo的缓存的问题，也就是你网站根目录的那个db.json文件，还知道了一点，推荐在发布网站之前，先清除缓存，然后再部署网站。
清除缓存的方法：

执行命令：hexo clean

然后可以生成静态博客并在本地预览：hexo d -g

搜索功能

使用站内搜索，安装npm i -S hexo-generator-json-content

分享功能

百度分享不支持Https的解决方案

将static文件夹放在网站的根目录下，并将对应的百度分享代码中，把http://bdimg.share.baidu.com/ 改为 /static/api/js/share.js?v=89860593.js?

分享到

评论功能

评论功能使用的Valine

云服务器混合云如何搭建属于自己的网站赚钱搭建自己的博客网站如何搭建属于自己网站平台使用WebRTC搭建自己的cdn

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114074.html

使用Hexo+Github搭建属于自己的博客

摘要：工具技术创建项目账户注册和新建项目，项目必须要遵守格式账户名，不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹，我是在盘建了一个文件夹。工具：Visual Studio Code/MarkdownPad技术：Hexo+Github 创建Github项目 Github账户注册和新建项目，项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选In...

tangr206 2019-08-02 11:47 评论0 收藏0
使用Hexo+Github搭建属于自己的博客

摘要：工具技术创建项目账户注册和新建项目，项目必须要遵守格式账户名，不然接下来会有很多麻烦。安装在自己认为合适的地方创个文件夹，我是在盘建了一个文件夹。工具：Visual Studio Code/MarkdownPad技术：Hexo+Github 创建Github项目 Github账户注册和新建项目，项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选In...

laoLiueizo 2019-08-23 12:31 评论0 收藏0
利用hexo搭建一个只属于你自己的博客

摘要：博客不是第一次写，但在自己搭建的博客上写文章的确是第一次。看着自己辛苦搭建出来的博客，一点一点达到自己心目中的样子，这种感觉只有做过的人才可以体会到。搭建自己的博客，当时我查的时候好多人推荐用，既然这么多人推荐，那我就不用，怎么滴。叨的叨叨以叨叨，那是什么叨该说啥呢。。。博客不是第一次写，但在自己搭建的博客上写文章的确是第一次。十分兴奋。看着自己辛苦搭建出来的博客，一点一点达到自己...

awesome23 2019-08-06 10:49 评论0 收藏0
0元快速搭建属于自己的博客

摘要：个人博客地址这篇文章介绍了如何用无成本搭建个人博客。需求环境必须环境开始快速开始打开输入新建项目项目名称然后安装依赖完成修改网站配置在中可以修改配置。个人博客地址http://lx.nextdev.top 这篇文章介绍了如何用coding page +hexo 无成本搭建个人博客。 showImg(https://segmentfault.com/img/remote/1460000...

wushuiyong 2019-08-20 16:13 评论0 收藏0
0元快速搭建属于自己的博客

摘要：个人博客地址这篇文章介绍了如何用无成本搭建个人博客。需求环境必须环境开始快速开始打开输入新建项目项目名称然后安装依赖完成修改网站配置在中可以修改配置。个人博客地址http://lx.nextdev.top 这篇文章介绍了如何用coding page +hexo 无成本搭建个人博客。 showImg(https://segmentfault.com/img/remote/1460000...

xiaodao 2019-08-01 16:44 评论0 收藏0