使用Hexo构架个人网站
Hexo是什么
Hexo(中文官方网站)是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo
支持Github Flavored Markdown
的所有功能, 甚至可以整合Octopress
的大多数插件. 并自己也拥有强大的插件系统.
安装
Hexo
是基于node.js
的, 所以我们在安装它之前需要用到npm
安装工具, 这个工具是 node.js
安装包的工具, 所以, 我们先要安装 node.js
.
安装 node.js
操作系统为ubuntu14.04
版本以上为了例. 需要先将node.js
的安装源, 增加到本地上.
1 $ curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
使用apt-get
安装 nodejs
.
1 $ sudo apt-get install -y nodejs
安装 npm
已经安装好了nodejs
, 现在安装npm
.
1 $ sudo apt-get install npm
安装 Hexo
现在我们使用npm
安装hexo
.
1 $ sudo npm install hexo-cli -g
创建Blog
现在我们已经完成hexo
的安装, 那么现在我们来创建一个Blog
.
1. 创建一个叫blog网站
1 $ hexo init blog
- 如果不写blog, 就会在当前目录进行初始化. 如果后面跟了名子就会创建目录并在目录进行初始化操作, 以这个名子为目录名.
2. 我们进入创建的blog目录里. 并运行该服务.
1 $ cd blog 2 $ npm install 3 $ hexo server
3. 打开浏览器, 在地址栏输入http://localhost:4000/可以看到我们刚刚创建的blog首页.
4. 修改blog目录下的_config.yml配置文件将网站自部署到Github上.
1 $ vim _config.yml ---> [在最后一行增加] 2 ------------------------------------- 3 deploy: 4 type: git 5 repo: https://github.com/github-name/github-name.github.io.git 6 branch: master
注意在type前面需要增加两个空格, 在type的冒号后面需要增加一个空格. 请保持代码风格一致. 否则会出现错误或是不正确的问题.
注: 如果没有github的可能参考另一篇关于github创建个人网站的文章.
5. 安装部署使用到的git插件.
在这里我们使用的是git源码管理工具, 所以, 我需要安装git包进行部署, 安装这个插件才能使用git进行自动部署.
1 $ npm install hexo-deployer-git --save
6. 进行生成网站
当我们部署网站前, 需要先生成静态网站. 它会自动在目录下创建public的目录, 并将新生成的网页存放在这个目录里.
1 $ cd blog 2 $ hexo g
7. 进行自动部署网站, 注意部署前需要重新生成网站, 每一次修改后都需要重新生成网站并进行部署, 生成网站前第6步.
1 $ hexo d
- 如果在部署出现错误信息如果下: 请参考第5步, 需要安装git插件.
1 ERROR Deployer not found: git
8. 如果上面都顺利完成了, 恭喜你, 你已成功的完成的网站的部署, 这时打开你的浏览器.输入你的网站吧.
9. 参考官方文档进行开始新的旅程吧.
- Hexo官方API(中文)
- Hexo官方文档(中文)
参考文献
- hexo官方网站(中文)
- hexo官方网站(英文)
- Hexo官方API(中文)
- Hexo官方文档(中文)
- Github官方网站
- Node.js官方文档
- Node.js安装文档
转载于:https://www.cnblogs.com/xiaoliangL/p/7026414.html
使用Hexo构架个人网站相关推荐
- 如何从零搭建一个hexo博客网站01
title: 如何从零搭建一个hexo博客网站01 #文章標題 categories: "Hexo教程" #文章分類目錄 可以省略 categories: "Hexo教程 ...
- 如何从零搭建一个hexo博客网站02
title: 如何从零搭建一个hexo博客网站02 categories: "Hexo教程" #文章分類目錄 可以省略 简介:此教程分为两部分,云服务器篇和本地pc机篇 tags: ...
- GitHub+Hexo 搭建个人网站
本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 一.创建GitHub Pa ...
- GitHub+Hexo搭建个人网站
title: GitHub+Hexo 搭建个人网站详细教程 date: 2019-04-13 13:42:36 tags: 个人网站 categories: 技术 搭建步骤: 获得个人网站域名 申请域 ...
- GitHub+Hexo 搭建个人网站详细教程
原文链接 GitHub+Hexo 搭建个人网站详细教程 前言: 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷.然后,如果你是一个不甘寂寞的程序猿(媛),是否也想要搭建 ...
- 通过ssh在服务器用Hexo搭建个人网站-blog、博客
title: 在服务器用Hexo搭建个人网站(blog) date: 2022-10-16 21:58:49 记录在服务器用Hexo搭建个人网站-blog 前言: 之前就听说有同学搭建了自己的个人 ...
- hexo+yilia添加网站运行时间,ICP备案信息,设定站点建立时间
文章目录 1.添加网站运行时间 硬性配置 灵活配置(推荐) 效果 2.添加ICP备案信息 效果 3.设定站点建立时间 效果 hexo+yilia(在底部)添加 网站运行时间:本站已安全运行 101 天 ...
- (超详细)15分钟利用coding搭建你的hexo博客网站
一.前期准备工作 1.安装Git 点击下载 点击之后即可下载,可能速度会有些慢. 所有的工具我都会打包好放到下方 2.安装Node.js 点击下载 安装好在桌面右键git bash here 输入np ...
- 基于Hexo的个人网站制作简明教程
基于Hexo的个人网站制作简明教程 文末有我参考的教程,那个比较详细,遇到问题可以咨询我. 我的机器:ubuntu 22.04 / nodejs14 1.hexo配置 网站:Hexo 通过访问这个网站 ...
最新文章
- uploadhandler.php,WordPress Kernel Theme ‘upload-handler.php’任意文件上传漏洞
- [转]Struts 2.1发布
- 传阿里腾讯即将大裁员,最高涉及30%员工
- 洛谷——3399 丝绸之路(背包)
- 北大OJ百练——4073:最长公共字符串后缀(C语言)
- iOS - 设置导航栏之标题栏居中、标题栏的背景颜色
- python3精要(64)-Python命名风格规范-google版
- Ubuntu下共享目录的设置
- HTML 链接 强制打开“另存为...”弹出式文本链接打开HTML
- MySQL之TCL(事务控制)语句
- Modularity(模块化-CommonJS规范)
- ubuntu安装vasp_用强大的GROMACS分析工具分析VASP的动力学结果
- 成绩单表格html,【Web前端HTML5CSS3】15-表格
- Atitit stomp.js conn连接activemq 目录 1.1. activemq 启动,已经默认开启了stomp ws的接口。。地址是	1 1.2. Js 客户端代码	1 1.3
- 互联⽹名词⼤全——商业模式篇
- 东南卫视肌肤食品微商套路解析
- Oracle 实体用户授权及同步同义词
- 人事部门用计算机管理人事档案,计算机在人事管理中的运用分析
- 登录失败:禁用的当前账户——window共享的傻X问题
- 计算机无法验证驱动程序需要,Windows 无法验证此设备所需的驱动程序的数字签名。某软件或硬件最近有所更改,可能安装了签名错误或损毁的文件,或者安装的文件可能是来路不明的恶意软件。(代码52)...
热门文章
- 使用C++,用四阶Runge-Kutta的方法来求解一阶常微分方程
- 计算机的组成:硬件和软件
- 树莓派浏览网页,显示无法打开此网址
- 【商品架构day2】一个商品的领域模型长什么样子 - 淘宝十多年前的认知
- MRP专题五:例外消息(Exception message)
- flutter 升级androidX的坑记录
- python中的global是什么意思_Python中的global关键字,你了解吗?
- gitlab Push 异常:commiter(xxx)不是GitLab中的中文名
- Android post参数太长请求失败问题解决
- Web前端_项目实践02_ins北欧风多肉植本店主网页(纯HTML+CSS静态页面)