快速搭建个人博客
时间:2019-08-27
本文章向大家介绍快速搭建个人博客,主要包括快速搭建个人博客使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Hexo+Github+域名绑定+Material Theme 快速搭建个人博客.
整个搭建过程还是算比较简单的,按照官方文档一步一步来,绑定域名时遇到了一些小坑以下为大概步骤记录:
流程
- Node.js 环境
- Git 环境
- GitHub 注册和配置
- Hexo 安装配置
- 关联 Hexo 与 GitHub Pages
- GitHub Pages 地址解析到个人域名
- Material Theme 主题配置
- Hexo 的常用操作
Hexo 安装配置
关联 GitHub Pages
- 新建Github仓库,例如我的 blog
- 在该仓库中新建一个文件如README,然后在仓库设置settings中找到GitHub Pages,选择master分支后保存
- 在Hexo配置文件中关联你的Github项目,注意此时未绑定域名时的配置,否则会造成样式丢失或404,例如:
12url: https://exrick.github.io/blogroot: /blog/
1
2
3
4
|
deploy:
type: git
repo: https://github.com/Exrick/blog.git
branch: master
|
- 安装 hexo-deployer-git
1$ npm install hexo-deployer-git --save
GitHub Pages 地址解析到个人域名
- 购买域名后进入域名解析设置,本人以腾讯云为例:
- 注意此时绑定域名后Hexo的配置,否则会造成样式丢失或404,例如:
1
2
|
url: http://blog.exrick.cn
root: /
|
- 在hexo项目根目录下的source文件夹中新建名为
CNAME
没后缀名的文件,其中内容编辑为你绑定的域名,例如blog.exrick.cn
;或者在Github设置页面的Github Pages找到Custom domain
填入你的域名
Material Theme 主题配置
- 个人很喜欢的原生主题 viosey大神作品
- Material Theme官方文档
Hexo 的常用操作
- 创建新文章
1
|
$ hexo new "My New Post"
|
- 运行本地服务器查看
1
|
$ hexo server
|
- 生成静态文件
1
|
$ hexo generate
|
- 部署到远程
1
|
$ hexo deploy
|
- 常用组合命令
1
2
|
$ hexo clean
$ hexo d -g
|
更多命令: 中文官方文档
原文地址:https://www.cnblogs.com/geass-jango/p/11418252.html
- iOS @property探究(一): 基础详解你要知道的@property都在这里
- 在创建带输出参数和返回值的存储过程时---犯下的一个低级错误
- iOS block探究(二): 深入理解你要知道的block都在这里
- 使用开源人脸特征提取器进行脸部颜值评分
- iOS @property探究(二): 深入理解你要知道的@property都在这里
- iOS block探究(一): 基础详解你要知道的block都在这里
- 在不动用sp_configure的情况下,如何 =》去掉列的自增长,并保留原数据
- iOS runtime探究(一): 从runtime开始理解面向对象的类到面向过程的结构体你要知道的runtime都在这里
- iOS runtime探究(二): 从runtime开始深入理解OC消息转发机制你要知道的runtime都在这里
- SpringMVC 启动流程及相关源码分析你要知道的SpringMVC启动流程和源码分析都在这里
- iOS runtime探究(四): 从runtiem开始实践Category添加属性与黑魔法method swizzling你要知道的runtime都在这里
- C# 复制PDF页面到另一个PDF文档
- Java8 Lambda表达式与Stream API (一):Lambda表达式你要知道的Java8 匿名内部类、函数式接口、lambda表达式与Stream API都在这里
- iOS runtime探究(五): 从runtime开始深入weak实现机理你要知道的runtime都在这里
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 浙大版《C语言程序设计(第3版)》题目集 习题3-1 比较大小
- 浙大版《C语言程序设计(第3版)》题目集 习题3-3 出租车计价
- 浙大版《C语言程序设计(第3版)》题目集 习题3-4 统计学生成绩
- 浙大版《C语言程序设计(第3版)》题目集 习题3-5 三角形判断
- 浙大版《C语言程序设计(第3版)》题目集 练习4-3 求给定精度的简单交错序列部分和
- Linux 如何手动释放Swap、Buffer和Cache
- 浙大版《C语言程序设计(第3版)》题目集 练习4-6 猜数字游戏
- 浙大版《C语言程序设计(第3版)》题目集 练习4-7 求e的近似值
- TypeScript高级类型备忘录(附示例)
- 浙大版《C语言程序设计(第3版)》题目集 练习4-10 找出最小值
- 牛逼!力挺一款实用的 Linux 资源监视工具
- 浙大版《C语言程序设计(第3版)》题目集 练习4-11 统计素数并求和
- 浙大版《C语言程序设计(第3版)》题目集 习题4-1 求奇数和
- Kotlin 使用DSL构建语法结构 看这一篇就够了~
- 浙大版《C语言程序设计(第3版)》题目集 习题4-2 求幂级数展开的部分和