码农的世界程序员高效率人士

使用GitHub + Hexo搭建个人博客

2018-09-15  本文已影响16人  SL工作室

大家好,今天我们介绍博客的搭建,大家可能有部分人使用过博客,虽然很少是自己搭建的,而是依托某个平台,比如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工具等你来撩。

上一篇 下一篇

猜你喜欢

热点阅读