hexo博客搭建及github备份全记录

#hexo使用介绍

Hexo是1个工具,可以快速的将markdown文件转换为一个博客网站.
  • Hexo官网
  • 台湾人开发. 有比较详尽的中文文档.
  • hexo是基于nodejs开发的一个工具.

1. 简单使用

  • 使用npm工具全局安装hexo环境

    • npm install hexo-cli -g
      • cli --commandline 命令行. ping npm
      • gui 图形界面.
  • 初始化博客目录

    • 在需要创建博客的目录下.
    • hexo init myBlog
    • 会在当前目录下创建1个myBlog文件夹. 并联网下载一些初始化文件
  • 启动服务

    • hexo server
    • 打开提示的网页地址 就可以看见博客页面

2.发表新文章

  • 使用命令来发表新文章

  • hexo new 学习使用hexo

  • 会生出一个.md文件

  • 在这个文件中编辑.md文件. 该md文件的内容就是发布的博客.

  • 重新启动hexo s 打开网页就可以看到新发表的文章.


3. 主题安装

  • 许多第三方为hexo提供了主题, 我们可以搜索并使用.

  • 选择你想用的主题

  • 按照官方文档下载最新版本

  • 将解压缩后的目录复制到博客目录下的themes目录下.

  • 并将其改为1个较为简单的名字如:yilia

  • 修改博客目录下的_config.yml文件.

  • 修改theme: l配置项为yilia

  • 重启服务

  • 就可以看到新使用的主题效果了.


4. 部署博客

1: Hexo deploy 提供了快速方便的一键部署功能,只需一条命令就能将网站部署到服务器上。

2:在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,如部署到github上

deploy:
	type: git
	repo: git@github.com:chen-Devin/chen-Devin.github.io.git<>
	branch: master
	message: '这是我的博客'

3 hexo g 生成静态html网页

会在页面中增加一个public文件夹,里面就是最终生成的博客网页

4 hexo d 将代码部署到服务器

备份

针对博客已经搭建并发布过文章的。

  1. 在你的博客仓库创建一个分支Hexo(这个命名随意);

  2. 设置Hexo为默认分支;

  3. 将博客仓库clone至本地,将之前的Hexo文件夹中的_config.yml,themes/,source,scffolds/,package.json,.gitignore复制到你克隆下来的仓库文件夹,即Username.github.io;(Username是你自己的用户名)

  1. 将themes/next/(我用的是NexT主题)中的.git/删除,否则无法将主题文件夹push;

  2. 在Username.github.io;文件夹执行npm install,npm install hexo-deployer-git(这里可以看看分支是不是显示为Hexo)

  3. 执行git add,git commit -m “提交文件”,git push origin Hexo来提交Hexo网站源文件;

  4. 执行hexo g -d 生成静态网页部署到github上。

这样,Username.github.io仓库就有master分支保存静态网页,hexo分支保存源文件。

修改

在本地对博客修改(包括修改主题样式、发布新文章等)后

  1. 执行git add,git commit -m “提交文件”,git push origin Hexo来提交Hexo网站源文件;

  2. 执行hexo g -d 生成静态网页部署到github上;

(每次发布重复这两步,它们之间没有严格的顺序)

恢复

新建文件夹下载博客:

  1. 安装git;

  2. 安装Nodejs和npm;

  3. 使用克隆命令将仓库拷贝至本地;

  4. 在文件夹内执行命令npm install hexo-cli -g、npm install、npm install hexo-deployer-git;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值