使用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. 参考官方文档进行开始新的旅程吧.

参考文献

时间: 2024-10-27 04:20:56

使用Hexo构架个人网站的相关文章

GitHub+Hexo 搭建个人网站详细教程

原文链接 GitHub+Hexo 搭建个人网站详细教程 前言: 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷.然后,如果你是一个不甘寂寞的程序猿(媛),是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程. 你见过的最棒的个人博客界面是什么样的? 什么是Hexo ? Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便

Linux下搭建hexo博客网站

node.js安装 服务器环境: centos 5.7 git 已安装 hexo 搭建 官网地址:http://nodejs.cn/download/ ## 下载node mkdir /soft/hexo -p wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.xz ## 解压 tar xf node-v12.16.1-linux-x64.tar.xz -C /soft/hexo/ mv /

搭建Hexo实现个人网站详细教程

全网最全小白搭建Hexo+Gitee/Coding 本站内容已全部转移到https://www.myyuns.ltd,具体请移步到www.myyuns.ltd查看 原文地址:https://www.cnblogs.com/oniones/p/12337932.html

Hexo+Github/Coding免费搭建个人博客网站

体验更优排版请移步原文:http://vblog.win/blogs/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把平时遇到的问题和解决问题的方式方法记录下来,顺便提升自己的表达能力.总结能力:另一方面,个人博客就像是自己在网络世界中的一个小家,一个完全属于自己的空间,你可以在这里尽情发挥,别人可以通过它来了解你.前段时间偶然间发现了Hexo,看了两天官方文档,参考网上教程,搭建了自己的个人网站:http://

像淘宝、京东这样的大型电商网站服务器构架完全部署方案

任何一个大型网站都是经历用户积累然后成长,从一台服务器到多台服务器才能构架支撑网站现有数据.用户.页面请求等.大型网站(如淘宝.京东等)的系统架构并不是开始设计就具备完整的高性能.高可用.安全等特性,它总是随着用户量的增加,业务功能的扩展逐渐演变完善的,在这个过程中,开发模式.技术架构.设计思想也发生了很大的变化,就连技术人员也从几个人发展到一个部门甚至一条产品线.所以成熟的系统架构是随业务扩展而完善出来的,并不是一蹴而就;不同业务特征的系统,会有各自的侧重点,例如淘宝,要解决海量的商品信息的搜

使用 Hexo 创建项目文档网站

当我们发布一个开源项目的时候,最重要的事情之一就是要创建项目文档.对使用项目的用户来说,文档是非常有必要的,通常我们可以使用下面这些方式来创建文档: GitHub Wiki:在 Github 上我们可以为每个项目都创建一个 wiki.Wiki 是由一系列的 Markdown 文件组成,所以我们可以用 wiki 来做项目文档.但这种方案也有一些缺点:wiki 的贡献者不会出现在项目贡献者列表中:文档的结构和布局都是有限制的,只能是 Github Wikis 的样式:文档存储在第三方平台上. REA

使用Hexo+Github搭建个人网站

使用Hexo+Github搭建个人网站 通常个人网站搭建最常见的方式: 1.Wordpress:动态网站,功能更强大. 2.Hexo:静态网站,简洁,快速,安全. 各自特点这里不多介绍,这里我们介绍Hexo搭建方法. 首先看这张架构图: 整个流程就是本地将 *.md 渲染成静态文件,然后Hexo Deploy发布到Github的repository,由GithubPages提供服务访问. 1. 基础环境配置 yum install git #安装git https://nodejs.org #安

网站是PHP程序写的,我为什么说要选linux系统的php虚拟主机?

本文标签:  php程序 LAMP构架 php网站 apache配置 虚拟主机   服务器 在国内,空间市场可谓之"枝繁叶茂",有关php空间.php虚拟主机在百度搜索一下有多达到上百万条记录,每条记录无不都在告诉你,选我吧,选我把,我是最好的?我是最稳定的?那么,我们如何在这良莠不分的海量信息中购买php空间类?一个选购php空间的原则:认准linux系统永远都是php语言最好的伙伴,php程序只有在linux系统上才能全力发挥它的"火力",要买就买linux空间

Hexo 最常用的几个命令

Hexo 约有二十个命令,但普通用户经常使用的大概只有下列几个: hexo s hexo s 启动本地服务器,用于预览主题.默认地址: http://localhost:4000/ hexo s 是 hexo server 的缩写,命令效果一致: 预览的同时可以修改文章内容或主题代码,保存后刷新页面即可: 对 Hexo 根目录 _config.yml 的修改,需要重启本地服务器后才能预览效果. hexo new hexo new "学习笔记 六" 新建一篇标题为 学习笔记 六 的文章,