当前位置: 首页 > news >正文

hexo+github搭建个人博客

windows环境下
准备工作

  1. 下载安装node.js并安装,默认安装npm
  2. 下载安装git和Git Bash

本地搭建hexo静态博客

  1. 新建一个文件夹,如myBlog
  2. 进入该文件夹,右键点击Git Bash Here
  3. 下载安装hexo:npm install hexo-cli -g

    • clipboard.png
  4. 生成hexo模板:hexo init blog (初始化该文件夹)
  5. 进入blog文件夹:npm install
  6. 进入blog文件夹:hexo server(访问本地localhost:4000可以看到博客已经搭建成功)

    • clipboard.png

将博客与github关联

  1. 在Github上创建名为xxx.github.io的仓库,xxx为自己github的用户名。
  2. 打开本地的myBlog的blog文件夹内的_config.yml配置文件,将其中的type设置为git

    • clipboard.png
  3. 进入blog文件夹运行 npm install hexo-deployer-git --save

    • clipboard.png
  4. hexo generate
  5. hexo deploy
  6. 进入xxx.github.io对应的 repo,打开 GitHub Pages 功能,如果已经打开了,就直接点击预览链接。也可打开浏览器,访问:https://qfstudy.github.io


编辑博客

  1. hexo new 博客标题
  2. 编辑source_posts下对应的md文件

    • clipboard.png
  3. hexo generate
  4. hexo deploy

这时打开博客就看到自己新编辑的博客


更新文章

  1. 在blog目录下执行:hexo new “我的第一篇文章”,会在source/_posts文件夹内生成一个.md文件。
  2. 编辑该文件(遵循Markdown规则)
  3. 修改起始字段

    • title 文章的标题
    • date 创建日期 (文件的创建日期 )
    • updated 修改日期 ( 文件的修改日期)
    • comments 是否开启评论 true
    • tags 标签
    • categories 分类
    • permalink url中的名字(文件名)
  4. 编写正文内容(MakeDown)
  5. hexo clean 删除本地静态文件(Public目录),可不执行。
  6. hexo g 生成本地静态文件(Public目录)
  7. hexo deploy 将本地静态文件推送至github(hexo d)

上传源代码
注意(xxx.github.io)上保存的只是你的博客,并没有保存生成博客的程序代码,你需要再创建一个名为 blog-generator(可以随意命名) 的空仓库,用来保存 myBlog 里面的生成博客的程序代码。

clipboard.png

clipboard.png

以后每次 hexo deploy 完之后,博客就会更新;然后你还要要 git add /git commit /git push 一下上传生成博客的程序代码,以防万一。


更换主题

  1. 进入Hexo的官网主题专栏
  2. github:https://github.com/hexojs/hex...
  3. 复制它的 SSH 地址或 HTTPS 地址,假设地址为 git@github.com:iissnan/hexo-theme-next.git
  4. cd themes
  5. git clone git@github.com:iissnan/hexo-theme-next.git
  6. cd ..
  7. 将 _config.yml 的第 75 行改为 theme: hexo-theme-next,保存
  8. hexo generate
  9. hexo deploy
  10. 等一分钟,然后刷新你的博客页面,你会看到一个新的外观。如果不喜欢这个主题,就回到第 1 步,重选一个主题。

next主题配置

  1. 更改社交链接,在主题文件夹的_config.yml中修改

    • clipboard.png

参考
https://github.com/limedroid/...

相关文章:

  • POJ-1459 Power Network---最大流
  • 到底什么是“区块链”?
  • 赤链——区块链底层技术革命
  • boost http响应读取
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • freemarker网页静态化
  • Lucene解析 - 基本概念
  • git日常使用经验积累
  • 十六周四次课
  • CSS重置, 批量设置指定所有类型控件的CSS风格
  • 全民链郑宇谈区块链电商:和传统公司合作,“去中心化”提都不要提
  • 系统目录结构、ls命令、文件类型、alias命令
  • 京东八年架构师: Redis 如何分布式,金融的设计原理
  • oracle添加序列
  • Linux中常见文件类型及文件系统类型
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • Asm.js的简单介绍
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • cookie和session
  • Logstash 参考指南(目录)
  • PhantomJS 安装
  • Python 基础起步 (十) 什么叫函数?
  • SpriteKit 技巧之添加背景图片
  • swift基础之_对象 实例方法 对象方法。
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • 反思总结然后整装待发
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 一、python与pycharm的安装
  • 再次简单明了总结flex布局,一看就懂...
  • ionic异常记录
  • ​如何防止网络攻击?
  • ​软考-高级-系统架构设计师教程(清华第2版)【第1章-绪论-思维导图】​
  • # Pytorch 中可以直接调用的Loss Functions总结:
  • #每天一道面试题# 什么是MySQL的回表查询
  • (2)Java 简介
  • (6)【Python/机器学习/深度学习】Machine-Learning模型与算法应用—使用Adaboost建模及工作环境下的数据分析整理
  • (二十四)Flask之flask-session组件
  • (附源码)计算机毕业设计大学生兼职系统
  • (力扣)1314.矩阵区域和
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • (四)库存超卖案例实战——优化redis分布式锁
  • (一)appium-desktop定位元素原理
  • .NET Core引入性能分析引导优化
  • .NET LINQ 通常分 Syntax Query 和Syntax Method
  • .net 程序 换成 java,NET程序员如何转行为J2EE之java基础上(9)
  • .NET 指南:抽象化实现的基类
  • /bin、/sbin、/usr/bin、/usr/sbin
  • [.net] 如何在mail的加入正文显示图片
  • [Apio2012]dispatching 左偏树
  • [C#]winform使用引导APSF和梯度自适应卷积增强夜间雾图像的可见性算法实现夜间雾霾图像的可见度增强
  • [C/C++] C/C++中数字与字符串之间的转换
  • [C/C++]数据结构 循环队列