Hexo是一个快速,简洁高效的博客框架

1:Hexo 简历

官方文档开发: https://hexo.io/zh-cn/docs/
Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。

  • 第一部分:hexo的初级搭建还有部署到github page上,以及个人域名的绑定。
  • 第二部分:hexo的基本配置,更换主题,实现多终端工作,以及在coding page部署实现国内外分流
  • 第三部分:hexo添加各种功能,包括搜索的SEO,阅读量统计,访问量统计和评论系统等。

2:Hexo 的搭建步骤

  1. 安装 Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目
  2. 安装 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
  3. 安装 Hexo 快捷高效的博客框架
  4. GitHub 创建个人仓库 GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管
  5. 生成 SSH 添加 到 GitHub
  6. 将 hexo 部署到 GitHub
  7. 设置个人域名
  8. 发布文章

3:安装 Git

Git 教程
Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章,上传到GitHub的工具。Git非常强大,我觉得建议每个人都去了解一下。廖雪峰老师的Git教程写的非常好,大家可以了解一下。

  • windows:到git官网上下载,Download git,下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。
  • linux:对linux来说实在是太简单了,因为最早的git就是在linux上编写的,只需要一行代码

git 官方 MacBook 直接Download下载安装 快捷 https://git-scm.com/

sudo apt-git install git

安装完后用命令敲一下确保已安装 git
在这里插入图片描述

2:安装 Node.js Chrome V8 引擎的 JavaScript 运行环境。

Hexo是基于nodeJS编写的,所以需要安装一下nodeJs和里面的npm工具。
windows:nodejs选择LTS版本就行了
Macbook安装:
在这里插入图片描述
安装完成后,打开命令行

node -v
npm -v 

在这里插入图片描述检查一下有没有安装成功
顺便说一下,windows在git安装完后,就可以直接使用git bash来敲命令行了,不用自带的cmd,cmd有点难用

3:安装 Hexo 快捷高效的基于 Node.js 的静态的博客框架

前面git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹blog,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开)。

npm install -g hexo-cli

依旧用 hexo -v 检查确保一下版本
然后记得切换 root 用户在这里插入图片描述创建目录 我们cd 到该 blog 目录完成最终的hexo 初始化

ls 显示该目录内容
cd 进入到该目录下
mkdir blog  创建 blog 目录
pwd  显示在该目录中
sudo hexo init 将我下载的 hexo 博客框架 完成最终的初始化

在这里插入图片描述最后在最后显示 : INFO Start blogging with Hexo! 就 OK 了 不过 下载可能有点慢 因为要去 gitHub 去下载镜像
要处理好 就要去指定国内镜像.
完成之后 ls -l 就会有这些内容那么就初始化成功了!
在这里插入图片描述
新建完成后,指定文件夹目录下:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • ** _config.yml: 博客的配置文件**
hexo g
hexo server 或 hexo s 启动 然后他就会在 在 http://localhost:4000 的端口启动 
然后去浏览器访问就可以看到内容了

打开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"

这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。
可以用以下两条,检查一下你没有输对

git config user.name
git config user.email

然后创建 SSH,一路回车

ssh-keygen -t rsa -C "youremail"

在这个时候他会告诉你已经生成了.ssh 的文件夹,在你电脑中找到这个文件夹.
ssh,简单来讲,就是一个秘钥,其中,id_rsa是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。
而后在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key
把你的id_rsa.pub里面的信息复制进去.

在最后的时候.在 gitbash 中,查询是否成功

6:将 hexo 部署到 GitHub 上

这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为
YourgithubName就是你的GitHub账户

1:首先到cd 到 blog ls
2:_config.yml 直接用命令行 vim _config.yml  然后按住 i 进入 编写模式
3:直接到最下面把修改这里面的参数指定发布都 git 用户 
4:修改:deploy:
  type: git
  repo: https://github.com/自己在 github 建的仓库的地址值 .github.io.git
  branch: master
5:当我们要修改里面的要保存退出该模式 我们按一下  esc 然后:按住 shift 接着 wq! 强制保存退出 source  ._config.yml就行了

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

然后

hexo d 发布到 git 上
在这里插入图片描述

hexo clean
hexo generate
hexo deploy 

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写
注意deploy时可能要你输入username和password。

得到下图就说明部署成功了,过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了!

==7:Hexo 更换主题

在我 hexo 安装和初始化 它就会去下载默认的 landscape 主题不好看那么在官方网站的主题中,自己选择你喜欢的主题进行修改就行了 hexo 官方提供的主题库 https://hexo.io/themes/
在这里插入图片描述

每当我们去做修改其实都是围绕着 创建的 blog 来做更改 如果你在该目录出现问题 直接可以把 blog 目录干掉冲新去
mkdir blog 重新去 sudo hexo init 初始化就行了
那么我们接下来就是git clone 克隆一个静态好看的主题到 themes 目录修改 _config.yml配置文件

1:git clone https://github.com/klugjo/hexo-theme-anodyne themes/anodyne
													   2:themes存档默认主题的目录/git clone 的主题名称

在这里插入图片描述然后去修改 _config.yml 配置信息 退出 esc 按住 shife wq! 保存退出 source _config.yml 重新刷新生效
在这里插入图片描述
返回到 blog目录下然后就敲命令三条命令

hexo clean
hexo generate
hexo deploy 
hexo server 

hexo s 启动 hexo 的自带的 Tomcat 服务器 去浏览器查看 localhost:4000 显示页面 完完成成的 Ok 了…

K. Heart
关注 关注
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Hexo: 一个快速简洁高效博客框架
GIS摆渡人
06-09 854
Hexo一个快速简洁高效博客框架Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页安装使用hexo之前需要先安装Node.js和Git,当已经安装了Node.js和npm(npm是node.js的包管理工具),可以通过以下命令安装hexo 可以通过以下命令查看主机中是否安装了node.js和npm 二.建站 安装完Hexo之后,执行下列命令,Hexo将会在指定目录中新建所需要的文件,指定
Hexo系列 | Hexo的基本使用
多选参数-程序锅
10-02 856
1. 前言 Hexo一个快速简洁高效博客框架Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页。 2. 安装hexo 安装使用hexo之前需要先安装Node.js和Git,当已经安装了Node.js和npm(npm是node.js的包管理工具),可以通过以下命令安装hexo $...
什么是 Hexo
Charlie8915的博客
02-27 662
Hexo 文档 欢迎使用 Hexo,本文档将帮助您快速上手。如果您在使用过程中遇到问题,请查看问题解答中的解答,或者在GitHub、Google Group上提问。 什么是 HexoHexo一个快速简洁高效博客框架Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网...
使用Hexo框架快速搭建上线个人博客网站,从部署到上线域名解析,以及服务器稳定
最新发布
m0_74313947的博客
07-18 433
使用这个命令可以拉取主题源码。
Hexo简介
weixin_30500473的博客
06-15 418
Hexo是什么 Hexo(中文官方网站)是一个快速, 简洁高效博客框架. 让上百个页面在几秒内瞬间完成渲染.Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统. 安装 Hexo是基于node.js的, 所以我们在安装它之前需要用到npm安装工具, 这个工具是 node.js 安装包的工具...
Hexo是什么
奇怪的老司机
02-18 2849
2020年的一场肺炎,大伙纷纷隔离在家,百无聊赖之际发现一款静态博客Hexo。经过几天研究,hexo应该说是静态博客生成器,用户通过写markdown文档的方式发布博文,hexo程序将markdown文档转换成静态页面。这听起来有点像CMS的套路,客户能看到的全是静态页面。静态站的好处是速度快,系统资源消耗少,缺点是可能要放弃评论等需要动态更新的内容。我使用GitPage上搭了个Hexo博客测试...
hexo
风中蚂蚁的博客
06-21 341
HEXO indigo主题文档 hexo文档 修改文章宽度 .\themes\indigo\source\css_partial layout.less line 131 :: @contentWidth auto 1 2 3 4 5 .container { width: auto; margin:0 auto; ...
Hexo采用Nodejs开发的一个快速简单和强大的博客框架
08-10
Hexo一个基于Node.js的开源博客框架,它以其快速简洁和强大的特性赢得了广大开发者和博主的喜爱。在JavaScript开发领域,Hexo作为一个内容管理系统(CMS),使得创建、管理和发布个人或团队博客变得极其便捷。 ...
Hexo - 采用Node.js开发的一个快速、简单和强大的博客框架.zip
09-17
Hexo一个基于Node.js的开源博客框架,以其快速简洁且强大的特性深受开发者喜爱。它允许用户通过简单的配置和命令行工具快速搭建个人博客系统。Hexo的核心优势在于其高效的工作流程,它能够自动化处理文章的...
hexo-multi-computers:hexo博客框架,源代码
03-23
"hexo-multi-computers"项目,正如其名,是针对Hexo框架一个扩展,旨在解决用户在多台计算机间同步和管理Hexo博客的需求。 1. **Hexo框架基础**: - **安装**:Hexo可以通过npm(Node.js包管理器)进行全局安装...
HexoBlogCode:Hexo博客框架修改的源代码
03-23
Hexo博客框架是一款基于Node.js的静态博客生成器,它为个人或团队提供了一种高效简洁且强大的方式来创建和管理个人博客。这个名为"HexoBlogCode"的压缩包文件很可能包含了整个Hexo博客项目的源代码,方便用户进行...
Hexo 中文版
10-15
Hexo 中文版,目前很热门的一款静态博客工具
Hexo
D_Carrot的博客
11-26 658
Hexo 本着想做诗人的原则,本猫最近在研究Hexo啦~ 本着虽不合格但也是个攻城狮的原则,记录下我的艰辛建站过程。 Prepare 唔,首先,打开hexo的官方文档。支持中文哦~ link 在此~ 文档说的还是蛮详细的,对于小白非常友好。 我在建站时遇到的问题是 hexo init <folder> 无法成功,从猫哥那拷来一个,done。 本猫是WIN10,基本操作大概...
hexo简单介绍
weixin_44426574的博客
10-13 735
hexo博客基础知识
Hexo博客框架
hxxjxw的博客
04-01 465
Hexo一个基于nodejs 的静态博客网站生成器, 是一个博客框架。 作者是台湾人 文章都是.md格式的 官网: https://hexo.io/zh-cn/ 相关操作多看官网 安装 $ cnpm install hexo-cli -g 初始化 $ hexo init hxxBlog 网上很多人说要用管理员身份打开,但是没有用也ok了 ...
hexo 简介
荒坡_KingRumn
08-02 1297
基本介绍 Hexo一个快速/简洁/高效博客框架,使用Markdown作为渲染引擎解析文章,结合丰富的主题,分分钟生成绚丽的静态网页,是博客写作的首选。 . ├── _config.yml # 站点配置文件 ├── node_modules # 中间产物 ├── package.json # 应用程序信息,包括markdown渲染器等 ├── public ...
写文章

热门文章

  • Hexo是一个快速,简洁高效的博客框架 1357
  • Mac JDK Eclipse 下载安装配置 975
  • SpringBoot 项目Service模块搭建 day2 746
  • 微服务提倡者Martin Fowler关于微服务的原文翻译<转载> 744
  • SpringBoot项目新增和修改讲师接口开发day2-3 649

分类专栏

  • idea开发工具安装配置启动 2篇
  • Java面试题目精选 1篇
  • Eclispe 开发工具安装启动配置 1篇
  • Java 基础 1篇
  • Java的JVM优化
  • Java 面向对象 1篇
  • Java API
  • Maven 2篇
  • JavaScript
  • jQuery
  • tomcat(服务器)(安装)(启动)(配置) 2篇
  • Servlet
  • Java 的Cookie、Session会话
  • Mysql(关系型数据库管理系统) 3篇
  • MySQL数据库事务
  • mybatis框架 3篇
  • springmvc框架 1篇
  • SpringBoot 框架 4篇
  • Spring Cloud微服务架构开发 3篇

最新评论

  • intelliJ Idea + Tomcat部署

    ctotalk: 学习

  • Hexo是一个快速,简洁高效的博客框架

    原味吐司: 好文,鉴定完毕

最新文章

  • SpringBoot项目新增和修改讲师接口开发day2-3
  • SpringBoot项目搭建Swagger2框架day2-2
  • SpringBoot 项目Service模块搭建 day2
2020年13篇
2019年3篇

目录

目录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家玻璃钢雕塑 拍卖南宁玻璃钢泡沫雕塑价格马鞍山水果玻璃钢雕塑价位景观玻璃钢彩绘雕塑设计工艺玻璃钢雕塑定做甘肃省玻璃钢雕塑厂商定制广东大型商场美陈供应浦口商场大型美陈青岛玻璃钢雕塑厂家兰州人物玻璃钢雕塑制作银川户外玻璃钢雕塑哪家好无机玻璃钢做雕塑门头沟区商场圣诞美陈布置鹤壁玻璃钢不锈钢动物雕塑达州玻璃钢动物雕塑淮南玻璃钢雕塑来电咨询鹤岗玻璃钢雕塑江苏玻璃钢人物雕塑定做价格中式商场通道美陈三明玻璃钢广场雕塑价格玻璃钢狮子雕塑厂济南唐韵玻璃钢马雕塑石家庄创意玻璃钢雕塑设计订购独角兽玻璃钢雕塑雕塑鱼玻璃钢广州玻璃钢彩绘大象雕塑玉溪商场美陈展示泰安卡通玻璃钢雕塑厂家河南铸铜玻璃钢仿铜雕塑定做江西玻璃钢桃子雕塑香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化