hexo是一个非常简单简洁的博客系统,因为不喜欢wordpress的臃肿然后就转Hexo。

这是我自己搭建好的博客

第一步:配置GitHub pages

首先需要一个GitHub账号
然后可以
具体可参照官方教程

第二步:安装node.js

下载安装包

安装的时候选择一下路径就可以了,其他就可以直接点下一步。

现在使用

node -v

以及

npm -v

可以查看到node以及npm的版本
因为npm比较慢,可以安装cnpm替代之后的npm命令。

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步:现在安装Hexo

 cnpm install -g hexo-cli

进入clone下来的目录
执行

hexo init blog

然后进入刚刚创建目录

cd blog

可以看到这个目录

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

执行

cnpm install

之后执行

hexo clean
hexo g
hexo s

然后打开本地的localhost:4000就可以看到博客的样子了。
打开配置文件_config.yml
改变下面的地方

修改文件时冒号后面要跟一个空格

repo修改为clone的地址,可以是ssh也可以https的clone地址。
然后执行

hexo d
如果报错 ERROR Deployer not found: git
先执行cnpm install hexo-deployer-git --save

提交过会儿之后就可以访问到了。

其他

1、常用操作

新建一篇文章:

hexo new post 文章名字

使用Markdown编辑后就可以看到了。

hexo clean  清理缓存hexo generate 进行渲染 简写 hexo ghexo server 部署到本地(调试使用) 简写 hexo s。然后浏览器输入 http://localhost:4000调试完毕后使用 hexo deploy 简写为 hexo d来部署到git服务器。

2、改变主题

这是官方的主题网站
将主题clone到你的theme,在配置文件中

将theme改变为你下载的主题名称
然后编译,运行,发布。

3、解析域名

第一步域名解析:

需要一个域名,然后在解析的时候选择记录类型为CNAME

如图

记录值填你的github的主页网址
添加两个解析,主机记录有两个@和www

解析完之后需要等一段时间,可以在控制台ping你的域名,如果成功了就解析成功了。

第二步:github上配置你的域名

然后在public目录下添加CNAME这个文件
内容为你的域名

然后清除缓存,编译,部署。

由于使用的主题不一样,更多的个性化,使用next主题的可以参考官方网址

GitHub pages + Hexo 搭建自己的个人博客相关推荐

  1. 【Jekyll】使用GitHub Pages + Jekyll搭建自己的技术博客,Jekyll服务器的搭建

    一.前言 前段时间根据大佬-纯洁的微笑的文章-技术人如何搭建自己的技术博客,搭建了自己的个人技术博客http://www.qq764424567.top/,就将搭建的过程,以及Jekyll服务器的搭建 ...

  2. 基于github和hexo搭建属于自己的博客

    虽然网络上已经有很多教程,但还是觉得把搭建过程自己描述下来更好! 操作步骤: 可以自行搜索安装node.js和配置node.js环境,通过cmd命令或终端查看是否成功,成功界面如下: ps:版本可以不 ...

  3. Github Page+Hexo搭建炫酷个人博客(主题优化基础篇)

    上一篇已经把博客搭建好了,这一篇来进行博客的主题优化讲解. 文章目录 配置博客信息 安装主题 配置主题 Scheme 设置菜单 设置侧栏 设置头像(旋转效果) 设置RSS 新建页面 设置代码高亮主题 ...

  4. 使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】

    欢迎关注我的专栏:<个人博客搭建:Hexo+Github Pages>,从搭建到美化一条龙,帮你解决 Hexo 常见问题! 推荐阅读:<Hexo 博客优化之博客美化系列(持续更新)& ...

  5. 使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】

    文章目录 ● 前言 ● 入门 ● 安装 Node.js ● 安装 Git • 检验Git是否安装成功 ● 安装Hexo • Hexo 初始化配置 ● 本地查看效果 ● 将博客部署到 Github Pa ...

  6. GitHub Pages + Hexo搭建个人博客网站,史上最全教程

    文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...

  7. 用Github Pages+Hexo搭建博客之(八)Hexo博客Next主题添加统计文章阅读量(访问量/浏览量/阅读次数)功能

    [置顶][专栏]用Github Pages+Hexo搭建博客 文章目录 [置顶][专栏][用Github Pages+Hexo搭建博客](https://blog.csdn.net/qq_342439 ...

  8. 使用Hexo+Github一步步搭建属于自己的博客(基础)

    使用Hexo+Github一步步搭建属于自己的博客(基础) 转载于:https://blog.51cto.com/tenderrain/2312450

  9. 一文教你通过 hexo 搭建自己的个人博客以及配置主题

    大家好,我是Smooth,一名大二的前端爱好者,目标成为一名高级前端开发工程师 一文从头到尾教你通过 hexo 搭建自己的个人博客以及配置喜欢的主题 本篇文章将从头到尾详细地教你如何通过 hexo 搭 ...

最新文章

  1. 华为201万年薪招毕业生!来自这些高校
  2. SQL Server 2008 BIDS组件的安装
  3. Unable to add window token null is not valid is your activity running
  4. 封装(python 版)
  5. 安卓开发第一个小程序HelloWorld
  6. 一个应用范德蒙行列式的例子
  7. 高校毕业生就业信息管理系统的设计与实现(Spring + Spring MVC +Hibernate)
  8. 对企业来说,网络营销渠道与传统营销的渠道有何不同?
  9. 幻灯片母版的问题-模板制作
  10. gmail邮箱注册_Android中的Google帐户集成–使用Gmail登录
  11. YY一下淘宝商品模型
  12. 搜索引擎优化的优势及发展问题
  13. 为什么计算机无法读取u盘,U盘无法被电脑识别怎么办?
  14. 利用百度文库实现精准引流
  15. 定义一个时间类Time,能提供和设置由时、分、秒组成的时间,并编出应用程序,定义时间对象,设置时间,输出该对象提供的时间。
  16. 外包or外派岗,可以去?
  17. 【总结】alter table *** add constraint *** 用法 . 建立约束 ,主键、外键的SQL语句写法
  18. 7所大学提供区块链、加密货币及金融科技相关线上课程
  19. android 文件删除不了
  20. 智慧充电桩开发让充电变得更加安全

热门文章

  1. Zabbix 通过 API 监控 k8s
  2. 关于团队合作开发项目时的沟通问题!(不仅要注意【相关机能】,还要注意【相似功能】)
  3. 力扣题目——705. 设计哈希集合
  4. Python基础:内置异常(未完待续)
  5. IOS微信API异常:unrecognized selector sent to instance 0x17005c9b0‘
  6. PyQt5点击菜单栏弹出新窗口,解决新窗口闪退的实现方法
  7. Windows防火墙添加80端口,解决apache无法访问的问题
  8. 安装apk报错INSTALL_FAILED_UPDATE_INCOMPATIBLE的解决方法
  9. 如何在PowerShell中连接字符串和变量?
  10. SpringMVC配置任何类型转换器 Converter(以时间类型为例)