使用GitHub + Hexo搭建个人博客
大家好,今天我们介绍博客的搭建,大家可能有部分人使用过博客,虽然很少是自己搭建的,而是依托某个平台,比如CSDN,博客园等等。这些博客创建简单,注册就可以使用。
但是也存在一定弊端,比如编辑审核,受众面不广,界面俗套等等,所以你也可以根据自己的需求创建一个专属于自己的博客,在自己的地盘讲述自己的故事。
下面就是我自己创建的博客,不过还没投入使用,过程不是很复杂,按照步骤就可以完成:
我自己创建的博客地址:http://wangjunsky.github.io/:
效果图关于Hexo:
hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。功能强大,快速 ,支持 Markdown,高扩展性、自订性,兼容于 Windows, Mac & Linux,而且用户多。作者是来自台湾。
使用工具:
GitHub + Hexo
你需要准备好以下软件
Node.js环境,Git
安装Git和Node.js,到官网下载,按照教程按照即可。
安装Hexo
#在命令行中输入:npm install hexo-cli -g
#然后输入:npm install hexo –save
接下来查看Hexo是不是已经安装好了
#在命令行中输入:hexo -v
如果你看到:hexo-cli等等信息,则说明已经安装成功了
#初始化Hexo:hexo init
#然后输入:npm install
然后npm将会自动安装你需要的组件,等待npm操作即可
首次体验Hexo,继续操作
#同样是在命令行中,输入:hexo g
#然后输入:hexo s
#然后会提示:INFO Hexo is running athttp://0.0.0.0:4000/. Press Ctrl+C to stop.
#在浏览器中打开http://localhost:4000/,你将会看到已创建博客
到目前为止,Hexo在本地的配置已经全都结束了。
修改全局配置文件
# Hexo Configuration
## Docs:http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site #站点信息
title: #标题
subtitle: #副标题
description: #站点描述,给搜索引擎看的
author: #作者
email: #电子邮箱
language: zh-CN #语言
# URL #链接格式
url: #网址
root: / #根目录
permalink: :year/:month/:day/:title/ #文章的链接格式
tag_dir: tags #标签目录
archive_dir: archives #存档目录
category_dir: categories #分类目录
code_dir: downloads/code
permalink_defaults:
# Directory #目录
source_dir: source #源文件目录
public_dir: public #生成的网页文件目录
# Writing #写作
new_post_name: :title.md #新文章标题
default_layout: post #默认的模板,包括 post、page、photo、draft(文章、页面、照片、草稿)
titlecase: false #标题转换成大写
external_link: true #在新选项卡中打开连接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight: #语法高亮
enable: true #是否启用
line_number: true #显示行号
tab_replace:
# Category & Tag #分类和标签
default_category: uncategorized #默认分类
category_map:
tag_map:
# Archives
2: 开启分页
1: 禁用分页
0: 全部禁用
archive: 2
category: 2
tag: 2
# Server #本地服务器
port: 4000 #端口号
server_ip: localhost #IP 地址
logger: false
logger_format: dev
# Date / Time format #日期时间格式
date_format: YYYY-MM-DD #参考http://momentjs.com/docs/#/displaying/format/
time_format: H:mm:ss
# Pagination #分页
per_page: 10 #每页文章数,设置成 0 禁用分页
pagination_dir: page
# Disqus #Disqus评论,替换为多说
disqus_shortname:
# Extensions #拓展插件
theme: landscape-plus #主题
exclude_generator:
plugins: #插件,例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署,将 lmintlcx改成用户名
deploy:
type: git
repo: github创库地址.git
branch: master
注意:配置文件的冒号“:”后面有一个空格,repo: github创库地址.git
使用GitHub
注册账号:前往GitHub官网注册账号,按照网站提示注册。
创建代码仓库:这个仓库的名字需要和你的账号对应。格式: yourname.github.io
编辑文章
# 新建文章
$ hexo new "标题"
在 _posts 目录下会生成文件标题.md
---
title: Hello World
date: 2015-07-30 07:56:29 #发表日期,一般不改动
categories: hexo #文章文类
tags: [hexo,github] #文章标签,多于一项时用这种格式
---
正文,使用Markdown语法书写
编辑完后保存, 预览
$ hexo server
hexo部署
执行下列指令完成部署
hexo generate
hexo deploy
以下提示说明部署成功
[info] Deploy done: git
到这里,你的博客已经搭建完成,当然,如果想让博客功能更加丰富,可以添加一些工具,好了,文章就到这里,希望对大家有所帮助。
以上就是本期内容,更多精彩内容请关注我哟,海量资源,IT工具等你来撩。