前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo和github打造个人博客

Hexo和github打造个人博客

作者头像
Xcnte
发布2021-12-14 09:34:24
2390
发布2021-12-14 09:34:24
举报
文章被收录于专栏:Blog记录

使用hexo和github打造属于自己的博客,展示自己的作品,思想……

但博主后来偶然看见这个主题,就改用这个了。

1.说明

自己在使用hexo搭建静态博客的时候踩了许多坑,最终去官网看教程搞定了

建议用hexo搭建个人博客的时候,最好看清教程的日期和使用的版本

这样就不会因为版本的不同导致的问题了

建议先去hexo官网了解一下

hexo官网

2.准备工作

  1. 安装nodejs
代码语言:txt
复制
1. 去官网下载nodejs安装(推荐安装4.x),安装之后在命令行 node -v,如果成功说明node环境ok,不成功就去环境变量配置一下.安装hexo
代码语言:txt
复制
1. 使用命令 npm install hexo -g,执行hexo -v 查看版本,本教程适合3.1.1以上版本安装git
代码语言:txt
复制
1. 去官网下载git安装,不会自行百度配置git
代码语言:txt
复制
1. 配置ssh私钥,上传到github上

3.github-pages的说明

  1. github有两种主页,一种是github-page(个人主页),一种是项目主页,本教程针对个人主页
  2. github-page需要将hexo博客发布到repository的master(主干)即可
  3. github的个人主页要求repository的名称和username一致,加入username是tom,则repository的名称为tom.github.io

4.使用hexo写博客

  • 新建一个文件夹myblog
  • 右键git bash here使用git的shell
  • 在shell中输入hexo init,回车执行
  • 在shell中输入hexo g ,回车
  • 在shell中hexo s,回车
  • 去浏览器访问http://localhost:4000,访问到主页,然后在shell中ctrl+c停止
  • 在shell中hexo new "first-blog",回车
  • 在shell中hexo g ,回车
  • 在shell中hexo s ,回车,在访问
  • ok,在本地测试就没问题了

5.发布到github

打开项目根部录下的.config.yml,找到deploy,修改如下:

代码语言:javascript
复制
deploy:
   type: git                          //若出现type下面没有repo,自己添加即可
   repo: git@github.com:xxxxx/xxxxx.github.io.git      //xxxxx代表的是用户名,输入你们自己的

访问地址就是http://xxxxx.github.io/

6.常用命令

命令的简写为:

代码语言:javascript
复制
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
hexo clean  删除public文件夹

7.常见问题

  1. 部署时出现git not found
代码语言:txt
复制
1. npm install hexo-deployer-git –save 安装依赖包

8.详细设置

每个人对自己的博客都有不一样的要求,比如主题,分类,标签,评论插件的选择

这些对程序员的你来说,都是小菜一碟

9.官网教程

Hexo官方文档

版权属于:Xcnte' s Blog(除特别注明外)

本文链接:https://cloud.tencent.com/developer/article/1918275

本站文章采用 知识共享署名4.0 国际许可协议 进行许可,请在转载时注明出处及本声明!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.说明
  • 2.准备工作
  • 3.github-pages的说明
  • 4.使用hexo写博客
  • 5.发布到github
  • 6.常用命令
  • 7.常见问题
  • 8.详细设置
  • 9.官网教程
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档