美文网首页
Hexo+Github+Markdown搭建博客详解

Hexo+Github+Markdown搭建博客详解

作者: web_afei | 来源:发表于2017-08-30 11:02 被阅读0次

引言

经过各种找资料,踩过各种坑,终于搭建好了hexo,域名是在万维网上买的,我的hexo是5.0.1版本,hexo不同的版本,很多配置都不一样。好吧,废话不多说了,开始吧。

正文

配置环境

  • 安装Node(必须)
    用来生成静态页面的,到Node.js官网下载相应平台的最新版本,一路安装即可。
  • 安装Git(必须)
    用来把本地的hexo内容提交到github上去.
  • 申请GitHub账号(必须)
    用来做博客的远程创库、域名、服务器之类的。

配置Github

建立与你用户名相对应仓库,仓库名必须是 your_user_name.github.io,固定写法

安装Hexo

Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。

sudo npm install-g hexo

** 执行init命令初始化hexo,命令:**

hexo init

生成静态页面

hexo generate

** 启动本地服务,进行文章预览调试,命令:**

hexo server

浏览器输入 http://0.0.0.0:4000/ 就可以看到很丑的默认初始页了

hexo与github关联

在本地找到 _config.yml 文件。
文件底部有这样的属性:

deploy:

 type: 

改为:

*** (注意:冒号后边必须加空格)***

 deploy:

 type: git

 repo: https://github.com/你在github的根路径/你建立的仓库名.git

 branch: master

本地文件推送到github

hexo generate (生成静态页面)

hexo deploy (远程推送)

报错的话执行 npm install hexo-deployer-git --save 后再执行上一步


博客初步建成


美化博客

hexo有很多配套主题,可自行百度并都有配置文档

** 头像图片、作者名字、网站描述等网站基本属性都在根目录的_config.yml文件里配置 **

** 评论、搜索、统计、等功能配置都在主题文件的_config.yml文件里配置 **

发表文章

新建文章命令后:
hexo new "文章名"
在source/_posts会生成后缀名为.md的文件,支持markdown语法,里面可以设置标签名、分类名、是否开启评论功能等(markdown语法冒号后加空格)

第一篇博客问世

相关文章

网友评论

      本文标题: Hexo+Github+Markdown搭建博客详解

      本文链接:https://www.haomeiwen.com/subject/wlizdxtx.html