📘
技术积累
  • 简介
  • 学习方法
    • 如何提高编程技能
  • 基础知识
    • Linux
      • Linux常用指令
      • rsync
      • VIM
      • tmate命令行分享
      • 命令别名存储
      • 项目服务器重启
    • 设计模式
    • 自动化接口使用
    • 项目经理培训
    • 报价策略
    • 培训材料撰写
  • 工具
    • Ajax
    • AutV
    • axios
    • Babel
    • bower
    • codecov
    • crypto
    • CSS3D
    • Docker
    • Echarts
    • Git
      • 如何删除项目
      • 多个ssh_key的生成与使用
      • 常用命令清单
    • Gitbook
      • Gitbook 更多配置
      • Markdown 标记示例
    • gulp
    • Istanbul
    • JEST
    • jMeter
    • js-md5
    • Kama
    • LESS Sass 编译工具Koala介绍
    • Lodash
    • Markdown
    • Maven
    • Moment
    • Nginx
    • NPM
    • NVM
    • particles.js粒子效果
    • PM2
    • Qs
    • Swagger
    • Webpack
    • Webpack
    • Yarn
    • Yeoman使用
  • 平台
    • 代码托管平台 GitLab
    • 代码安全平台 sonarqube
  • 语言和框架
    • 工作流
    • Angular
      • FUSE-Angular前端框架项目初始化
      • AngularJs-toaster-Angular提示弹框插件
      • ng-file-upload-Angular上传图片插件
      • ngclipboard-Angular复制到剪贴板插件
    • Vue
      • ElementUI-Vue前端框架项目初始化
      • clipboard使用
      • mobileSelect.js使用
      • vue-cookies使用
      • vue-fullpage使用
      • vue-router使用
      • Vue的Ref属性
      • Vuex使用
      • Vux使用
      • vux-uploader使用
      • Vue生命周期图例
      • iview-loader使用
    • cycleJs
    • ES6
      • async/await
    • react
      • react生命周期
      • create-react-app
      • Rematch
      • react-router
      • react-router-dom
      • css-in-js
    • TypeScript
      • VueAndTypeScript
    • 微信小程序
    • Hexo博客框架
      • Hexo博客框架-图片问题处理
      • Hexo博客框架-切换主题
    • SmartClient
    • HybridApp混合开发
      • uniapp
  • 代码审查
    • 代码命名规范
    • 页面代码结构
    • JavaScript标准编码风格
    • AirbnbJavaScript风格指南
  • 其他
    • 收藏|激发灵感的33套网页配色方案(附色值)
    • KPI&OKR
    • 测试自动化
    • view
    • 前端面试
      • 项目方面
      • html+css
      • JavaScript方面
      • JavaScript面试
      • 框架方面
      • 前端面试3+1
        • 20190420
        • 20190419
        • 20190418
        • 20190417
    • Linux面试题
    • JAVA面试
    • 测试面试
    • 钉钉使用
    • sd360
  • 前端知识积累
    • css3单位汇总
    • CSS解决loading效果
    • 深度克隆的方法
    • 加密技术
    • 解决ios下的微信页面背景音乐无法自动播放问题
    • 一套绝佳的图标字体库和CSS框架:Font Awesome
    • 关于ico图标不显示解决办法
    • 提升页面响应速度
    • innerHTML引入的script如何使用
    • JavaMap转Json
    • JS开发工具大全
    • 移动端插件
    • 移动端页面通过前端方法禁止ios页面横屏方法
    • 图片资源网站
    • 排序方式
    • 图片预览上传
    • Windows部署时脚本报错
Powered by GitBook
On this page
  • 一、安装步骤
  • 1. 创建新文件夹,并执行命令安装Hexo:
  • 2. 在github上创建仓库,并保存本地
  • 3. 将Hexo全部内容复制进上一步创建的文件夹中,并提交仓库
  • 4. 配置Github仓库
  • 5. 执行配置命令:
  • 6. 部署步骤
  • 7. 一些常用命令:
  • 8. 报错总结:

Was this helpful?

  1. 语言和框架

Hexo博客框架

Previous微信小程序NextHexo博客框架-图片问题处理

Last updated 4 years ago

Was this helpful?

本项目基于hexo+github结构创建

一、安装步骤

1. 创建新文件夹,并执行命令安装Hexo:

执行如下命令安装Hexo:

sudo npm install -g hexo

初始化hexo

hexo init

生成静态页面

hexo generate(hexo g也可以)

启动本地服务,进行文章预览调试

hexo server

浏览器输入

2. 在github上创建仓库,并保存本地

  • 注意:建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法

    例如:【mitudegaoyang.github.io】

3. 将Hexo全部内容复制进上一步创建的文件夹中,并提交仓库

4. 配置Github仓库

现在我们需要_config.yml文件,来建立关联

翻到最下面,改成我这样子的

deploy:

     type: git

     repo: git@github.com:mitudegaoyang/mitudegaoyang.github.io.git

     branch: master

然后执行命令:

npm install hexo-deployer-git --save
  • 注意:网上会有很多说法,有的type是github, 还有repository最后面的后缀也不一样, 是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.1.1,执行命令hexo -vsersion就出来了, 貌似3.0后全部改成我上面这种格式了。

  • 忘了说了,我没用SSH Keys如果你用了SSH Keys的话直接在github里复制SSH的就行了,总共就两种协议,相信你懂的。

5. 执行配置命令:

hexo deploy

6. 部署步骤

每次部署的步骤,可按以下三步来进行。

    hexo clean

    hexo generate

    hexo deploy

7. 一些常用命令:

    hexo new"postName" #新建文章

    hexo new page"pageName" #新建页面

    hexo generate #生成静态页面至public目录

    hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

    hexo deploy #将.deploy目录部署到GitHub

    hexo help # 查看帮助

    hexo version #查看Hexo的版本

8. 报错总结:

    ERROR Deployer not found: git 或者 ERROR Deployer not found: github

解决方法: npm install hexo-deployer-git --save

如发生报错: ERROR Process failed: layout/.DS_Store , 那么进入主题里面layout和_partial目录下,使用删除命令:

rm-rf.DS_Store

    ERROR Plugin load failed: hexo-server

原因:

Besides,utilities are separated into a standalone module.hexo.util is not reachable anymore.

解决方法,执行命令:

sudo npm install hexo-server

执行命令hexo server,

提示:Usage: hexo ....

原因:

我认为是没有生成本地服务

解决方法,执行命令:

npm install hexo-server --save

提示:hexo-server@0.1.2 node_modules/hexo-server

然后再浏览器中输入

http://localhost:4000
http://mitudegaoyang.github.io/就行了,我的github的账户叫mitudegaoyang,把这个改成你github的账户名就行了
原文链接