美文网首页
hexo + githup pages 搭建博客(笔记)

hexo + githup pages 搭建博客(笔记)

作者: OpenLee | 来源:发表于2019-11-14 15:23 被阅读0次

博客

1.环境准备

准备 node 和 git 环境 首先,安装 NodeJS,因为 Hexo 是基于 Node.js 驱动的一款博客框架

安装hexo :

$ npm install -g hexo-cli

安装 Hexo 完成后,再执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init myBlog
$ cd myBlog
$  npm install

运行 hexo s命令,其中 s 是 server 的缩写,在浏览器中输入 http://localhost:4000 回车就可以预览效果了。

$ hexo s

2.第一个Hello World

Create a new post

$ hexo new "FirstHexo"

Run server

$ hexo server

Generate static files

$  hexo generate

Deploy to remote sites

$ hexo deploy

以上操作是创建在 source/_posts/FirstHexo.md

3.主题配置 以3-hexo为例

$ git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo
11573725279_.pic.jpg

下载好后打开_config.yml 配置主题(也可 配置像主题等基本xing'xi) 把theme: landscape 改成想用的主题 theme: 3-hexo执行以下命令进行部署发布 http://localhost:4000 刷下全新的主题出来了

$ hexo deploy
$ hexo clean
S hexo s

4.部署到git

先配置sshkey 详细操作里面有或者百度吧!

安装 插件

$ npm install hexo-deployer-git --save

type,repo,branch前两个空格,“:”后面一个空格,差一个都不行的:

deploy:
  type: git
  repository: url
  branch: master

部署后可能有些配置要改这里举个例子

报404加载不出来或者样式加载不出来
需要修改_config.yml文件中的url地址和根目录

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://banjingwei.github.io/ban.github.io
root: /ban.github.io/
permalink: :year/:month/:day/:title/
permalink_defaults:

本文纯属笔记以下为参考文章已SART
hexo主题
小茗同学的博客园
yelog

相关文章

网友评论

      本文标题:hexo + githup pages 搭建博客(笔记)

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