欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络运营

Hexo免费静态博客安装和使用方法

程序员文章站 2022-07-03 11:53:53
Hexo生成的静态网站可以放在任意空间上,例如常见的PHP、ASP空间、FTP服务器、百度BAE、新浪SAE等空间,可以说只要可以用Web访问的就可以搭建起Hexo博客,今天小编就和大家分享一下He... 15-02-04...

Hexo免费静态博客安装和使用方法

在写github空间在线写文章时,就发现有朋友正在折腾hexo免费静态博客程序,hexo基于node.js,出自*一博主,hexo生成的静态网站可以放在任意空间上,例如常见的php、asp空间、ftp服务器、百度bae、新浪sae等空间,可以说只要可以用web访问的就可以搭建起hexo博客。

据作者所称,hexo与之前的octopress静态博客程序相比,生成静态博客的效率更高,不过在部落看来,hexo静态博客生成环境搭建比起octopress要简单一些,只要安装了git和node.js,我们就可以在windows电脑上快速地用hexo来写作,hexo同样支持评论、分类、标签、图片等。

本篇文章就来介绍一下hexo静态博客环境的搭建和hexo博客的发布方法。

延伸阅读:静态博客程序使用入门基于各种语言的静态博客程序大总结

hexo免费静态博客安装和使用方法-基于node.js高效率静态博客程序

一、hexo静态博客相关的准备工作

1、必选一:下载并安装好msysgit工具。

2、必选二:下载并安装好node.js软件。(32位)

3、可选一:相关的ftp软件、winscp上传工具等等。

4、可选二:下载并安装好tortoisegit工具。

5、注意:可选的软件安装取决于你要将hexo发布在哪些空间上,有些空间可以直接用ftp上传即可,有些如github可以用git上传,而bae、sae等云空间可以用tortoisegit上传。

二、hexo静态博客安装与使用教程

1、安装好了msysgit和node.js软件后,打开git bash,执行以下命令开始安装:npm install -g hexo

Hexo免费静态博客安装和使用方法

2、经过部落测试发现直接用npm安装话经常出现卡住而导致无法正常安装,解决办法就是修改npm的安装源,以下三种方法任选一个即可(正常的朋友不用执行这一步)。

1.通过config命令: npm config set registry http://registry.cnpmjs.org

npm info underscore (如果上面配置正确这个命令会有字符串response)

2.命令行指定 npm --registry http://registry.cnpmjs.org info underscore

3.编辑 ~/.npmrc 加入下面内容 registry = http://registry.cnpmjs.org

Hexo免费静态博客安装和使用方法

3、安装成功后,执行以下代码指定hexo到文件目录中:hexo init <folder>,或者用cd的方法进入到指定的目录,再执行:hexo init

Hexo免费静态博客安装和使用方法

4、接着执行以下命令生成静态页面至public目录:hexo generate

Hexo免费静态博客安装和使用方法

5、这时候在目录下就可以看到相应的文件了。

Hexo免费静态博客安装和使用方法

6、如果你想本地预览一下hexo博客,可以执行:hexo server,接着打开http://localhost:4000就可以看到效果了。

三、hexo静态博客写文章、安装主题、添加评论功能

1、用hexo来发表新文章,执行:hexo new "my new post",其中my new post为文章标题。

Hexo免费静态博客安装和使用方法

2、执行命令后,会在项目\source\_posts中生成my new post.md文件,用编辑器打开,开始写博客就行了。

Hexo免费静态博客安装和使用方法

3、怎么写博客?你要用到markdown语法,还没有接触过markdown语言的朋友,可以看一下快速入门:http://wowubuntu.com/markdown/

4、hexo静态博客想要安装主题也容易,在github上找到你喜欢的主题,然后执行类似命令:git clone https://github.com/heroicyang/hexo-theme-modernist.git themes/modernist

5、这时就将modernist主题下载下来了,打开hexo\_config.yml,修改主题为modernist:theme: modernist

6、如果你要对整站进行设置,相关的选项说明如下:

# hexo configuration
# site
title: 免费资源部落标题
subtitle: 次标题
description: 描述
author: 作者
email: 邮箱
language: zh-cn
# url
url: http://www.freehao123.com #域名
root: /
permalink: :year/:month/:day/:title/ #url结构
tag_dir: tags #标签
archive_dir: archives #汇总
category_dir: categories #分类
code_dir: downloads/code
# writing
new_post_name: :title.md # 新的文章名
default_layout: post #new的默认
auto_spacing: false # add spaces between asian characters and western characters
titlecase: false # transform title into titlecase
external_link: true # open external links in new tab
max_open_file: 100
multi_thread: true
filename_case: 0
render_drafts: false
highlight: #代码高亮
enable: true
line_number: true
tab_replace:
# category & tag #分类与标签
default_category: uncategorized
category_map:
tag_map:
# archives
## 2: enable pagination #激活分页
## 1: disable pagination #禁止分页
## 0: fully disable #全部禁止
archive: 1
category: 1
tag: 1
# server
port: 4000 #预览端口
logger: false
logger_format:
# date / time format #时间格式
date_format: mmm d yyyy
time_format: h:mm:ss
# pagination #分页数
per_page: 10
pagination_dir: page
# disqus #disqus评论
disqus_shortname: freehao123
# extensions
theme: modernist #主题
exclude_generator:
# deployment #上传
deploy:
type: github #方式
repository: git@github.com:freehao123/ifreehao123.github.io.git
branch: master

7、hexo中的modernist主题已经支持直接添加第三方评论代码,打开themes\modernist\layout\_partial\comment.ejs,将你的第三方评论代码添加进去即可。

<% if (config.disqus_shortname && page.comments){ %><section id="comment">#评论代码<% } %>

四、hexo静态博客发布到github免费空间上

1、如果你之前有玩过:用octopress免费静态博客系统在github免费空间上搭建个人网站,那么肯定想把hexo静态博客发布到github空间上。

延伸阅读:用静态博客系统octopress在github上搭建个人网站

2、首先我们需要到github空间上新建一个项目名,名称要以freehao123.github.io这样的形式,然后我们需要添加s-s-h key到github项目上了。

Hexo免费静态博客安装和使用方法

3、关于密钥生成,我们可以直接使用puttygen。

Hexo免费静态博客安装和使用方法

4、将用puttygen生成的密钥复制到github空间上。

Hexo免费静态博客安装和使用方法

5、接着在puttygen中导出密钥。

Hexo免费静态博客安装和使用方法

6、然后再用git连接上github空间上,接着你就可以执行推送到服务器了:hexo generate和hexo deploy

五、hexo静态博客发布到免费云空间上

1、免费云空间,国内常见的就是百度sae、新浪sae、阿里云ace,国外的的免费云空间就非常地多了,比如heroku、sourceforge空间、gae等等,这些云空间都可以长期使用的,搭建个人博客是没有问题的。

2、这些免费云空间一般会支持tortoisegit来上传,不想用git工具的朋友,可以选择更为简单的tortoisegit,首先是在tortoisegit中检查git安装,git没有安装的,tortoisegit不能正确运行。

Hexo免费静态博客安装和使用方法

3、然后在本地新建一个文件夹,作为tortoisegit同步的目录。

Hexo免费静态博客安装和使用方法

4、接着克隆云空间上的项目文件。

Hexo免费静态博客安装和使用方法

5、最后你就可以将hexo生成的静态博客文件用tortoisegit上传到云空间上了。

Hexo免费静态博客安装和使用方法

六、hexo免费静态博客使用小结

1、hexo免费静态博客难点有两个,一是npm的安装,另一个是静态的设置与书写。至于如果来上传hexo生成的静态博客,假如你实在不想用什么git这类复杂的工具,完全可以用ftp软件将public中文件上传到web服务器上。

2、hexo静态博客不一定要发布在github空间,可以说只要支持web访问的空间都可以存放hexo静态博客,有些人嫌php空间跑php太耗费资源,干脆就将hexo免费静态博客放在php等动态空间上,这样的静态页面应付大流量是没有问题的。