GitHub pages + Hexo 搭建自己的个人博客
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 搭建自己的个人博客相关推荐
- 【Jekyll】使用GitHub Pages + Jekyll搭建自己的技术博客,Jekyll服务器的搭建
一.前言 前段时间根据大佬-纯洁的微笑的文章-技术人如何搭建自己的技术博客,搭建了自己的个人技术博客http://www.qq764424567.top/,就将搭建的过程,以及Jekyll服务器的搭建 ...
- 基于github和hexo搭建属于自己的博客
虽然网络上已经有很多教程,但还是觉得把搭建过程自己描述下来更好! 操作步骤: 可以自行搜索安装node.js和配置node.js环境,通过cmd命令或终端查看是否成功,成功界面如下: ps:版本可以不 ...
- Github Page+Hexo搭建炫酷个人博客(主题优化基础篇)
上一篇已经把博客搭建好了,这一篇来进行博客的主题优化讲解. 文章目录 配置博客信息 安装主题 配置主题 Scheme 设置菜单 设置侧栏 设置头像(旋转效果) 设置RSS 新建页面 设置代码高亮主题 ...
- 使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
欢迎关注我的专栏:<个人博客搭建:Hexo+Github Pages>,从搭建到美化一条龙,帮你解决 Hexo 常见问题! 推荐阅读:<Hexo 博客优化之博客美化系列(持续更新)& ...
- 使用Github Pages和Hexo搭建自己的独立博客【超级详细的小白教程】
文章目录 ● 前言 ● 入门 ● 安装 Node.js ● 安装 Git • 检验Git是否安装成功 ● 安装Hexo • Hexo 初始化配置 ● 本地查看效果 ● 将博客部署到 Github Pa ...
- GitHub Pages + Hexo搭建个人博客网站,史上最全教程
文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...
- 用Github Pages+Hexo搭建博客之(八)Hexo博客Next主题添加统计文章阅读量(访问量/浏览量/阅读次数)功能
[置顶][专栏]用Github Pages+Hexo搭建博客 文章目录 [置顶][专栏][用Github Pages+Hexo搭建博客](https://blog.csdn.net/qq_342439 ...
- 使用Hexo+Github一步步搭建属于自己的博客(基础)
使用Hexo+Github一步步搭建属于自己的博客(基础) 转载于:https://blog.51cto.com/tenderrain/2312450
- 一文教你通过 hexo 搭建自己的个人博客以及配置主题
大家好,我是Smooth,一名大二的前端爱好者,目标成为一名高级前端开发工程师 一文从头到尾教你通过 hexo 搭建自己的个人博客以及配置喜欢的主题 本篇文章将从头到尾详细地教你如何通过 hexo 搭 ...
最新文章
- 华为201万年薪招毕业生!来自这些高校
- SQL Server 2008 BIDS组件的安装
- Unable to add window token null is not valid is your activity running
- 封装(python 版)
- 安卓开发第一个小程序HelloWorld
- 一个应用范德蒙行列式的例子
- 高校毕业生就业信息管理系统的设计与实现(Spring + Spring MVC +Hibernate)
- 对企业来说,网络营销渠道与传统营销的渠道有何不同?
- 幻灯片母版的问题-模板制作
- gmail邮箱注册_Android中的Google帐户集成–使用Gmail登录
- YY一下淘宝商品模型
- 搜索引擎优化的优势及发展问题
- 为什么计算机无法读取u盘,U盘无法被电脑识别怎么办?
- 利用百度文库实现精准引流
- 定义一个时间类Time,能提供和设置由时、分、秒组成的时间,并编出应用程序,定义时间对象,设置时间,输出该对象提供的时间。
- 外包or外派岗,可以去?
- 【总结】alter table *** add constraint *** 用法 . 建立约束 ,主键、外键的SQL语句写法
- 7所大学提供区块链、加密货币及金融科技相关线上课程
- android 文件删除不了
- 智慧充电桩开发让充电变得更加安全
热门文章
- Zabbix 通过 API 监控 k8s
- 关于团队合作开发项目时的沟通问题!(不仅要注意【相关机能】,还要注意【相似功能】)
- 力扣题目——705. 设计哈希集合
- Python基础:内置异常(未完待续)
- IOS微信API异常:unrecognized selector sent to instance 0x17005c9b0‘
- PyQt5点击菜单栏弹出新窗口,解决新窗口闪退的实现方法
- Windows防火墙添加80端口,解决apache无法访问的问题
- 安装apk报错INSTALL_FAILED_UPDATE_INCOMPATIBLE的解决方法
- 如何在PowerShell中连接字符串和变量?
- SpringMVC配置任何类型转换器 Converter(以时间类型为例)