hexo史上最全搭建教程(转载)
hexo史上最全搭建教程
花了几天搭建了个网站,先上链接,欢迎来访:fangzh的个人博客
现在市面上的博客很多,如CSDN,博客园,简书等平台,可以直接在上面发表,用户交互做的好,写的文章百度也能搜索的到。缺点是比较不自由,会受到平台的各种限制和恶心的广告。
而自己购买域名和服务器,搭建博客的成本实在是太高了,不光是说这些购买成本,单单是花力气去自己搭这么一个网站,还要定期的维护它,对于我们大多数人来说,实在是没有这样的精力和时间。
那么就有第三种选择,直接在github page平台上托管我们的博客。这样就可以安心的来写作,又不需要定期维护,而且hexo作为一个快速简洁的博客框架,用它来搭建博客真的非常容易。
Hexo简介
Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。
教程分三个部分,
- 第一部分:hexo的初级搭建还有部署到github page上,以及个人域名的绑定。
- 第二部分:hexo的基本配置,更换主题,实现多终端工作,以及在coding page部署实现国内外分流
- 第三部分:hexo添加各种功能,包括搜索的SEO,阅读量统计,访问量统计和评论系统等。
第一部分
hexo的初级搭建还有部署到github page上,以及个人域名的绑定。
Hexo简介
Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。
Hexo搭建步骤
- 安装Git
- 安装Node.js
- 安装Hexo
- GitHub创建个人仓库
- 生成SSH添加到GitHub
- 将hexo部署到GitHub
- 设置个人域名
- 发布文章
1. 安装Git
Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章,上传到GitHub的工具。Git非常强大,我觉得建议每个人都去了解一下。廖雪峰老师的Git教程写的非常好,大家可以了解一下。Git教程
windows:到git官网上下载,Download git,下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。
linux:对linux来说实在是太简单了,因为最早的git就是在linux上编写的,只需要一行代码
sudo apt-get install git
- 1
安装好后,用git --version
来查看一下版本
2. 安装nodejs
Hexo是基于nodeJS编写的,所以需要安装一下nodeJs和里面的npm工具。
windows:nodejs选择LTS版本就行了。
linux:
sudo apt-get install nodejs
sudo apt-get install npm
- 1
- 2
安装完后,打开命令行
node -v
npm -v
- 1
- 2
检查一下有没有安装成功
顺便说一下,windows在git安装完后,就可以直接使用git bash来敲命令行了,不用自带的cmd,cmd有点难用。
3. 安装hexo
前面git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹blog,然后cd
到这个文件夹下(或者在这个文件夹下直接右键git bash打开)。
输入命令
npm install -g hexo-cli
- 1
依旧用hexo -v
查看一下版本
至此就全部安装完了。
接下来初始化一下hexo
hexo init myblog
- 1
这个myblog可以自己取什么名字都行,然后
cd myblog //进入这个myblog文件夹
npm install
- 1
- 2
新建完成后,指定文件夹目录下有:
- node_modules: 依赖包
- public:存放生成的页面
- scaffolds:生成文章的一些模板
- source:用来存放你的文章
- themes:主题
- ** _config.yml: 博客的配置文件**
hexo g
hexo server
- 1
- 2
打开hexo的服务,在浏览器输入localhost:4000就可以看到你生成的博客了。
大概长这样:
使用ctrl+c可以把服务关掉。
4. GitHub创建个人仓库
首先,你先要有一个GitHub账户,去注册一个吧。
注册完登录后,在GitHub.com中看到一个New repository,新建仓库
创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxxx.github.io,其中xxx就是你注册GitHub的用户名。我这里是已经建过了。
点击create repository。
5. 生成SSH添加到GitHub
回到你的git bash中,
git config --global user.name "yourname"
git config --global user.email "youremail"
- 1
- 2
这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。
可以用以下两条,检查一下你有没有输对
git config user.name
git config user.email
- 1
- 2
然后创建SSH,一路回车
ssh-keygen -t rsa -C "youremail"
- 1
这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。
ssh,简单来讲,就是一个秘钥,其中,id_rsa
是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub
是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。
而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key
把你的id_rsa.pub
里面的信息复制进去。
在gitbash中,查看是否成功
ssh -T git@github.com
- 1
6. 将hexo部署到GitHub
这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml
,翻到最后,修改为
YourgithubName就是你的GitHub账户
deploy:type: gitrepo: https://github.com/YourgithubName/YourgithubName.github.io.gitbranch: master
- 1
- 2
- 3
- 4
这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。
npm install hexo-deployer-git --save
- 1
然后
hexo clean
hexo generate
hexo deploy
- 1
- 2
- 3
其中 hexo clean
清除了你之前生成的东西,也可以不加。
hexo generate
顾名思义,生成静态文章,可以用 hexo g
缩写
hexo deploy
部署文章,可以用hexo d
缩写
注意deploy时可能要你输入username和password。
得到下图就说明部署成功了,过一会儿就可以在http://yourname.github.io
这个网站看到你的博客了!!
7. 设置个人域名
现在你的个人网站的地址是 yourname.github.io
,如果觉得这个网址逼格不太够,这就需要你设置个人域名了。但是需要花钱。
注册一个阿里云账户,在阿里云上买一个域名,我买的是 fangzh.top
,各个后缀的价格不太一样,比如最广泛的.com就比较贵,看个人喜好咯。
你需要先去进行实名认证,然后在域名控制台中,看到你购买的域名。
点解析进去,添加解析。
其中,192.30.252.153 和 192.30.252.154 是GitHub的服务器地址。
注意,解析线路选择默认,不要像我一样选境外。这个境外是后面来做国内外分流用的,在后面的博客中会讲到。记得现在选择默认!!
登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入你的域名fangzh.top
然后在你的博客文件source中创建一个名为CNAME文件,不要后缀。写上你的域名。
最后,在gitbash中,输入
hexo clean
hexo g
hexo d
- 1
- 2
- 3
过不了多久,再打开你的浏览器,输入你自己的域名,就可以看到搭建的网站啦!
接下来你就可以正式开始写文章了。
hexo new newpapername
- 1
然后在source/_post中打开markdown文件,就可以开始编辑了。当你写完的时候,再
hexo clean
hexo g
hexo d
- 1
- 2
- 3
就可以看到更新了。
第二部分
hexo的基本配置,更换主题,实现多终端工作,以及在coding page部署实现国内外分流。
1. hexo基本配置
在文件根目录下的_config.yml
,就是整个hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。
网站
http://www.taodudu.cc/news/show-6008302.html
相关文章:
- 写代码写到70岁,是一种什么样的体验?
- 李彦宏:我不是传奇(网络转载)
- 触摸DevOps,从现在开始DevOps之旅
- 还没对Docker加以限制?埋下的安全隐患了解一下
- 初识linux之进程
- windows 删除服务_哪些Windows 10 系统服务可以安全禁用?
- 数据中心远程集中解决方案有哪些?
- 西门子1500PLC机器人焊接程序(西门子PLC+西门子触摸屏)
- 码码在线总结——java web开发
- 码码在线考勤系统笔记(三)
- 码码在线考勤系统笔记(四)
- 简单维修MacBook Air——更换SSD硬盘
- apple 西单大悦城维修_如何检查Apple是否已召回MacBook(免费维修)
- 技术对接67
- 喝豆浆对身体都有哪些好处?
- 技术对接37
- 亮度调节
- 51单片机_15-1 LED亮度调节
- opencv计算亮度 调整亮度
- OpenGL 亮度调节
- IPhoneX全屏适配
- BUUCTF misc 专题(22)隐藏的钥匙
- BUUCTF Misc 隐藏的钥匙
- 计算机网络的一些小知识
- 蓝牙钥匙解决方案 BLE RSSI 测距
- 汽车网络安全对抗赛
- 市场调研报告-全球与中国数字钥匙模块市场现状及未来发展趋势
- Q2增收不增利,“怪兽”无法给自己“充电”
- 首份财报营收增长扭亏为盈,为何怪兽充电的出路依旧“迷雾重重”
- 小程序战局最新动态!这些你应该知道
hexo史上最全搭建教程(转载)相关推荐
- hexo史上最全搭建教程
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CF2m4SwD-1628816637063)(http://peu31tfv4.bkt.clouddn.com/1.jp ...
- hexo,史上最全搭建个人博客
前言 2020 - 2 月底鬼使神差的给我的域名 mflyyou.cn 续费三年,2024 - 4 才到期,就琢磨搭建个人网站,Google 了 hexo 中一个自己比较喜欢的主题 hexo-mate ...
- 史上最全报表教程,还不快收藏!
做报表这件事外人听起来简单,但只有做过的人才知道,真正做起来很难. 做数据分析已经很多年的我,准备把过往的方法论整理一下,这篇史上最全报表教程,希望大家都收藏一下. 报表教程一:了解常用的3种报表类型 ...
- ElasticSearch集成SpringData史上最全查询教程
ElasticSearch集成SpringData史上最全查询教程 1.简单介绍 springboot 使用springdata操作es,ElasticsearchRepository使用QueryB ...
- 史上最全编程语言教程
史上最全编程语言教程 1.javascript视频教程 链接: https://pan.baidu.com/s/1slYX3Ff 密码: jn92 2.JPA视频教程 链接: https://pan. ...
- 史上最全搭建MAVEN私服上传并使用JAR包教程
最近用dubbo做项目和第三方频繁RPC调用,如果对方改了接口参数或者新增接口,后台所有开发人员都需要把第三方提供的jar包打成pom文件引入本地环境.很累!!! 今天就给大家分享一下搭建Nexus3 ...
- 史上最全maven教程
Maven 介绍 步骤 1 : 什么是Maven Maven 是专门用于构建和管理Java相关项目的工具. Maven是意第绪语,依地语(犹太人使用的国际语),表示专家的意思. 所以用Maven管理J ...
- 史上最全SpringBoot教程,从零开始带你深入♂学习(四)——web开发
Springboot(四)--web开发 静态资源 四个目录存放的静态资源可以被我们识别,用来存放我们的html.css.js.图片等文件 "classpath:/META-INF/reso ...
- 史上最全Pandas 教程!
来源:机器之心 Python 是开源的,它很棒,但是也无法避免开源的一些固有问题:很多包都在做(或者在尝试做)同样的事情.如果你是 Python 新手,那么你很难知道某个特定任务的最佳包是哪个,你需要 ...
最新文章
- python与或非运算规则_Python逻辑运算符及其用法
- 医院管理制度【第一辑】2010年11月12日
- 最优化课堂笔记04:非线性规划(考点4-5例题)
- .NET Core项目从xproj+project.json向csproj迁移简介
- spring boot+thmyleaf ModelAndView页面传值
- html模板安装到织梦,织梦网站安装教程 织梦模板通用安装图文教程
- 【POJ】3255 Roadblocks(次短路+spfa)
- React Native 交互管理器InteractionManager
- Security+ 学习笔记23 帐户管理
- QTP自动化测试最佳实践
- ES6 Set结构和Map结构(上)
- 开发QQ桌球瞄准器(4):透明度、颜色、线宽与母球大小
- 家庭用计算机选购调查报告,【调查报告】计算机选购调查报告.doc
- java:调节图片透明度(支持透明背景)
- Favicon.ico图片在线制作网站PHP源码+支持多种图片格式转换
- 罗格斯大学电子与计算机工程,罗格斯大学电子和计算机工程理学硕士研究生申请要求及申请材料要求清单...
- 笔记本上的小键盘计算机怎样用,电脑怎么调出小键盘打字?电脑调出小键盘打字的方法...
- IPaddr和IPaddr2的区别
- Unity对象的简单平移与旋转
- 电工实验室基本生存技能 第一季第三集
热门文章
- 〖Python 数据库开发实战 - Python与MySQL交互篇⑰〗- 项目实战 - 实现用户管理 - 修改用户
- 工程伦理第十一讲参考答案
- 对面装修,办公室放置绿萝,袋装活性炭,空气净化器,有用吗?
- python 应用程序无法正常启动 000007b_“应用程序无法正常启动(oxc000007b)”解决方案...
- php sapi zend,108 内核探索 --php扩展、zend引擎、sapi
- 根据三个点的坐标计算三角形面积
- 四款功能强大的优质app合集,总有一个能给你带来帮助!
- 【python】使用pandas操作MySQL数据库
- 我的世界服务器如何修复报错,我的世界18w30a发布_我的世界1.13版本bug修复
- 系统安装无法创建新的系统分区的解决方法