使用github和hexo配置个人博客


使用github配置个人博客

安装node.js

Hexo基于Node.js,所以您还需要安装Node.js。Node.js的官网下载地址: nodejs.cn/download/

使用 npm 安装 Hexo(演示是在windows-64环境下):

npm install -g hexo-cli

使用 Hexo

指定一个空目录初始化hexo所需文件:

命令:

hexo init 目录名(要求是空目录)

新建完成后,生成如下目录文件:

.gitignore
node_modules
package-lock.json
package.json
scaffolds
source
themes
_config.yml

hexo 项目的文件说明

_config.yml 是配置信息

网站的 配置 信息,您可以在此配置大部分的参数。 应用程序的信息。
更多关于该文件的说明可以参考:hexo.io/zh-cn/docs/…

scaffolds 模板文件

模板文件夹,当您新建文章时,hexo会根据模板来创建新的文件。

Hexo的模板是指在新建的markdown文件中默认填充的内容。例如,如果您修改scaffold/post.md中的Front-matter内容,那么每次新建一篇文章时都会包含这个修改。

source

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为(下划线)的文件
/ 文件夹和隐藏的文件将会被忽略。 Markdown 和 HTML文件会被解析并放到 public
文件夹,而其他文件会被拷贝过去。

themes

主题文件夹。Hexo 会根据主题来生成静态页面。

浏览博客雏形

进入hexo项目目录中,使用如下命令开启博客服务:

hexo s

浏览器中访问:http://localhost:4000

此时看到的是source\_posts文件夹下的hello-world.md

安装 hexo-deployer-git

npm install hexo-deployer-git --save

Hexo 主题

您可以在 hexo.io/themes/inde… 进行主题的挑选更换。
下载好后放在themes文件夹内,同时在 _config.yml 中进行配置变更就好了。

上传到github

需要修改的地方(URL)

# URL

## If your site is put in a subdirectory, set url as
'http://yoursite.com/child' and root as '/child/'

url: https://weidafeng.github.io/

root: /weidafeng.github.io/

permalink: :year/:month/:day/:title/

permalink_defaults:

pretty_urls:

需要修改的地方(Deployment


# Deployment

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo: git\@github.com:weidafeng/weidafeng.github.io.git

branch: master

message: 'bulid the first blog with hexo'

命令:

hexo clean
hexo d -g

文章作者: wdf
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 wdf !
评论
 上一篇
博客说明 博客说明
博客说明从19年1月20日开始,我把日常读的论文记录下来,除了做个笔记、方便回顾,更主要的原因是给毕业论文攒字数。 当初考虑过同步到网络,但怕毕设论文用了、影响查重,所以作罢。 但到现在,12月20日,将近一年的时间里,读了几十篇论文,总结
2019-12-19
下一篇 
Hello World Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hex
2019-12-11 Tristan
  目录