前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用hexo搭建静态博客+Github Pages

使用hexo搭建静态博客+Github Pages

原创
作者头像
jcjyxjs
修改2021-09-06 10:24:30
7310
修改2021-09-06 10:24:30
举报
文章被收录于专栏:毫无作为

1.安装Git

2.安装Node.js

3.安装hexo

其次,才是将hexo部署到例如Github等的平台

1.安装Git

Windows & Mac:访问Git官网 https://git-scm.com/downloads 下载安装即可

Linux:同样访问Git官网(同上)查看安装方法

*其实可以不安装Git,不安装并部署的方法放下翻。*

2.安装Node.js

访问官网 https://nodejs.org/zh-cn/download/ 下载安装包下一步即可

需要注意的是,在安装到Custom Setup这一步时,记得选Add to Path

3.安装hexo

  • 首先创建一个用来放置博客的文件夹,然后cd到该目录
  • 然后安装hexo:npm i -g hexo
  • 安装完成之后可以输入hexo -v查看版本
  • 最后输入hexo init初始化hexo完成安装

安装完成之后可在目录看到以下一些文件

node_modules

依赖

scaffolds

生成网页的模板

source

Markdown文章

themes

主题

_config.yml

博客配置文件

db.json

source解析得到

package.json

所需模块项目的配置信息

Public

存放生成页面

这个时候输入hexo s就会在本地localhost:4000启动了

常用命令 hexo s 启动 hexo g 生成网页文件 hexo d 部署hexo clean清理你之前生成的东西

具体的命令参数以及解释可以在官网看到 https://hexo.io/zh-cn/docs/commands

4.部署到Github

第一种方法

  • 首先需要安装一个部署插件 npm install hexo-deployer-git --save
  • 然后登录Github,并新建一个Repositories(仓库),name修改成你想要的名称,注意一定要选择public,不然别人没法访问你的网站,点Create进行创建
  • 复制你仓库的地址比方说我新建的仓库是name.github.io,那么你的仓库地址就是https://github.com/jcjyxjs/name.github.io.git,仓库链接可在仓库页面页面复制到
  • 修改博客根目录下的_config.yml 代码第100行。type就git,repo就是上面复制的仓库地址,branch就是仓库分支,默认master。repo和branch需要手动打上去
代码语言:javascript
复制
deploy:

type: 'git'

repo: https://github.com/jcjyxjs/name.github.io.git

branch: master
  • 回到git bash,输入以下两条命令 git config --global user.name "yourname" git config --global user.email "youremail"
  • 创建SSH
  • ssh-keygen -t rsa -C "youremail"
  • 找到这个.ssh的文件夹。里面有id_rsaid_rsa.pub
  • 然后在你的github settings里面新建一个SSH key,把你的id_ras.pub中的内容填到key里面点击生成 可以验证是否成功ssh -T git@github.com
  • cd进入博客目录,输入hexo g,等待网页文件生成,然后输入hexo d进行部署,会提示输入你的github邮箱和密码,然后就自动部署了

第二种方法

  • 安装Github Desktop,进入官网 https://desktop.github.com/ 下载安装并打开
  • 登录你的github账户
  • 选择clone的仓库,会在你的本地生成一个跟仓库关联的文件夹
  • 代码有改动之后生成新的网页,复制public文件夹内的文件到你仓库文件夹,打开Github Desktop
  • 点击Commit to master master是你的分支名字,然后点击右上角的Pull就可以提交了

Github仓库绑定域名

  • 在仓库页面点击Settings
  • 往下拉可以看到Github Pages
  • 把None改成你想要显示的分支,这项操作会自动刷新页面。
  • 刷新之后会出现Custom domain选项,填入你的域名,点击Save
  • 然后修改你的域名解析CNAME为

www | CNAME | name.github.io

@ | CNAME | name.github.io

过一会儿就可以用自定义域名看到了

关于其他东西以后再说,就是这样。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.安装Git
  • 2.安装Node.js
  • 3.安装hexo
  • 4.部署到Github
    • 第一种方法
      • 第二种方法
        • Github仓库绑定域名
          • 关于其他东西以后再说,就是这样。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档