博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
github+hexo(window10)
阅读量:7037 次
发布时间:2019-06-28

本文共 1656 字,大约阅读时间需要 5 分钟。

一、申请github账户

二、先安装node.js、git

本地:

三、安装hexo(建立静态网页,用Markdown写博客)

 1、创建文件地址

  在合适的地方新建一个文件夹,用来存放自己的博客文件,比如我的博客文件都存放在 E:\GitHub_learn\blog 目录下。

2、安装hexo

  ①cmd中cd到 存放博客文件的地址,即E:\GitHub_learn\blog 下,或者到该地址右键→git bash中进行操作

②安装hexo:npm install hexo-cli -g

③ 继续安装:npm install hexo --save

④判断是否安装成功 hexo -v

 3、初始化

      ①初始化:hexo init

      ②安装依赖包:npm install

  4、生成静态页面

    ①hexo generate或者hexo g

  5、本地运行【开启本地服务器】

    ①hexo server或者hexo s

    打开浏览器,在地址栏输入localhost:4000,就可以看到我们搭建好的本地博客了。到此只是搭建好了本地博客,还需要将博客部署到github上。效果如下:

    

  6、关闭本地服务器:按ctrl+c关闭本地服务器。

连接github和本地:

  

1.github上 新建repository

建立与你用户名对应的仓库,仓库名必须为【 your_username.github.io】,例如我的是xiaobinhong1.github.io。

【注意:建立仓库时,your_usename必须是github名】

2. 本地--部署博客

进入你的hexo文件夹根目录下,用编辑器打开_config.yml,修改deploy项,如下(根据你的github进行相应更改):

deploy:

  type: git       #注意:有的版本type是github
  repo: https://github.com/xiaobinhong1/xiaobinhong1.github.io.git
  branch: master

还可以将语言改成中文的,

 

3、写文章、发布文章

  ①安装扩展:npm install hexo-deployer-git --save

  ②新建一篇文章:hexo new post "第一个博客名"

  ③打开博客根目录 E:\GitHub_learn\blog\下的子目录 .\source\_posts

  ④输入hexo g,生成静态网页

  ⑤输入hexo s,打开本地服务器,本地预览效果

  ⑥输入hexo d(或hexo deploy),上传到github上。

  ⑦此时就完成部署了,用浏览器访问xiaobinhong1.github.io即可(第一次发布可能会有10分钟的延迟)。

每次修改完本地的文件后要执行以下命令,重新部署到github上:

hexo clean
hexo g
hexo d

4、更换主题

  网上大多数主题都是github排名第一的Next主题,但是我个人不是很喜欢,我更喜欢aircloud主题,地址在。

  先将aircloud主题下载下来,然后放在E:\GitHub_learn\blog\themes目录下:

在_config.yml中修改:

  然后运行hexo clean清空所有生成的网页缓存,hexo ghexo d。这时候新的主题网页就生成好了。

5、以后要创建博客:

  在博客根目录,cmd中输入:hexo new post "第一个博客名"

  然后生成的博客在目录E:\GitHub_learn\blog\source\_posts下,用Markdown编辑器打开md文件编辑。

  然后输入:

hexo clean

hexo g
hexo d

 

 

 

 

 

 

 

 

 

 

 

 

  

 

转载于:https://www.cnblogs.com/Lee-yl/p/10713547.html

你可能感兴趣的文章
数据库(题附答案)
查看>>
Java设计模式-责任链模式
查看>>
汉字乱码处理
查看>>
Docker理解
查看>>
vbs
查看>>
Java架构师之路
查看>>
《ArcGIS Runtime SDK for Android开发笔记》——离在线一体化技术:概述
查看>>
直播编程
查看>>
Java面试题收集以及参考答案(100道)
查看>>
UI之Rect Transform,Pivot和Anchors。
查看>>
HDU1434 幸福列车【模拟+优先队列】
查看>>
js 监听输入框输入事件兼容ie7
查看>>
指定字节拷贝文件
查看>>
android 按钮宽度按比例
查看>>
Web播放器AudioBox基于HTML5完成重构 支持云存储
查看>>
ecshop二次开发网络资料
查看>>
HY中考游记
查看>>
我所积累的20条编程经验
查看>>
VisualStudio.DTE 对象可以通过检索 GetService() 方法
查看>>
一个简单的EBNF范式的实现
查看>>