安装前提

参考博客:http://blog.csdn.net/gdutxiaoxu/article/details/53576018#t5(写的很好,不用看我的了.....)

这篇:http://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html

安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

 hexo 文档(https://hexo.io/zh-cn/docs/) 

  1. 可以通过
  2.  
  3. node -v
  4.  
  5. git -v 查看是否安装

安装hexo:

  1. $ npm install -g hexo-cli

新建hexo_site 站点并进入:

  1. hexo init hexo_site

以下操作在hexo_site文件夹中进行:

  1. 新建一篇文章。如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话,请使用引号括起来。

next主题官网: http://theme-next.iissnan.com/getting-started.html

hexo 中文文档:https://hexo.io/zh-cn/docs/index.html

github和hexo关联关键:

同样在_config.yml文件中,找到Deployment,然后按照如下修改:

  1. deploy:
  2. type: git
  3. repo: git@github.com:yourname/yourname.github.io.git
  4. branch: master

如果没有执行者行命令,将会提醒

deloyer not found:git

  • 1)注意需要提前安装一个扩展:
  1. npm install hexo-deployer-git --save
  1.  
  1. 使用 Hexo 插件插入音乐/视频
  2.  
  3. 两个好用的hexo插件:
  4.  
  5. **hexo-tag-aplayerhttps://github.com/grzhan/hexo-tag-aplayer)
  6.  
  7. **hexo-tag-dplayer https://github.com/NextMoe/hexo-tag-dplayer

切换到hexo目录,运行:

  1.  
1
npm install hexo-tag-aplayer@2.0.1
  1.  

这里直接运行npm install hexo-tag-aplayer只会安装2.0.0,这个版本会出现以下错误:

  1.  
1
2
FATAL Cannot find module '/Users/hechao/Documents/TechBlog/CniceToUpp/node_modules/hexo-tag-aplayer'
Error: Cannot find module '/Users/hechao/Documents/TechBlog/CniceToUpp/nod
  1.  
  2. aplayer
  3. 播放视频的dplayer
  4.  
  5. 使用npm安装:
  6. npm install hexo-tag-dplayer
  7.  
  8. markdown内添加以下代码:
  9.  
  10. {% dplayer "url=http://home.ustc.edu.cn/~mmmwhy/GEM.mp4" "pic=http://home.ustc.edu.cn/~mmmwhy/GEM.jpg" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}

  1. 迁移hexo 博客
  2. 参考网址:
    https://www.cnblogs.com/study-everyday/p/8902136.html
  1. 1. 查看远程分支: git branch -a
  2.  
  3. 2. 查看本地分支: git branch
  4.  
  5. 3. 切换分支: git checkout -b origin/source
  1. 拉取本地不存在的远程分支:、
  1. git checkout -b 本地分支名 origin/远程分支名
    git checkout -b source origin/source
  1.  

这个将会自动创建一个新的本地分支,并与指定的远程分支关联起来

  1.  
  1.  

Hexo+Github 搭建属于自己的博客(Mac下安装 其他操作系统大同小异)的更多相关文章

  1. 使用Hexo+Github搭建属于自己的博客(进阶)

    主题的配置:这里以NexT主题作为题材 1.安装NexT,在其文件夹中鼠标右键,点击Git Base Here.输入命令:git clone https://github.com/iissnan/he ...

  2. 使用Hexo+Github搭建属于自己的博客(基础)

    前言 hexo是一个台湾人做的基于Node.js的静态博客程序,优势是生成静态文件的速度非常快,支持markdown, 我最终选定它的原因是它速度快而且不容易出错,并且可以一键部署到github或者其 ...

  3. 使用Hexo+Github搭建属于自己的博客

    工具:Visual Studio Code/MarkdownPad技术:Hexo+Github 创建Github项目 Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不 ...

  4. 使用Hexo & Github,搭建属于自己的博客

    经过在网上各种找资料,踩过各种坑,终于搭建好了hexo,直接与gitbub一起使用,搭建起自己的免费的博客. 关于Hexo Hexo是一款基于Node.js的静态博客框架. Hexo特性 风一般的速度 ...

  5. HEXO+Github,搭建属于自己的博客

    摘录自:http://www.jianshu.com/p/465830080ea9 1. github的准备 账号 密码 建立Repository建立与你用户名对应的仓库,仓库名必须为[your_us ...

  6. 手把手教你使用Hexo+GitHub搭建自己的个人博客网站

    安装nodejs环境 这个直接搜索安装即可,安装完成之后,通过如下命令检测环境变量是否安装成功: λ node -v # 输出版本号 v12.13.1 正确输入版本号即可. 安装cnpm cnpm是淘 ...

  7. 使用Github+Hexo框架搭建部署自己的博客

    前言 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown (或其他渲染引擎 )解析文章, 在几秒内,即可利用靓丽的主题生成静态网页. 安装 安装前提 安装 Hexo 相当简单 ...

  8. github+hexo+themes搭建简易个性主题博客

    0x00  install Node.js and git 安装Node.js:http://www.runoob.com/nodejs/nodejs-install-setup.html 安装git ...

  9. hexo + Github Page 0元建立博客攻略

    传送门: 5分钟 0元搭建个人独立博客网站(一):https://mp.weixin.qq.com/s/69isJE191WV2gaVbjrwTtw 5分钟 0元搭建个人独立博客网站(二):https ...

随机推荐

  1. HDU 5792 World is Exploding(树状数组+离散化)

    http://acm.split.hdu.edu.cn/showproblem.php?pid=5792 题意: 思路: lmin[i]:表示左边比第i个数小的个数. lmax[i]:表示左边比第i个 ...

  2. Django中ORM系统多表数据操作

    一,多表操作之增删改查 1.在seting.py文件中配置数据库连接信息 2.创建数据库关联关系models.py from django.db import models # Create your ...

  3. Ubuntu18.04的网络配置

    网卡与DNS配置 1)打开命令窗口(右键单机桌面选择Open Terminal或者用快捷键Ctrl+Alt+T打开终端),输入ip a查看自己的网卡编号 2)输入命令sudo vim /etc/net ...

  4. SqlServer中exists和in的区别

    1.in 2.exists

  5. JqueryValidate 表单验证插件

    1.适用场景 表单 ( 支持自定义规则 ) 2.相关文章 jQuery Validate 3.实际问题 JqueryValidate表单相同Name不校验问题解决

  6. d3 .each()

    d3.select("xxx") .each(function (d) { //this表示当前element 而 d表示绑定的数据 something(this); }); 注意 ...

  7. mui 配置底部tab切换方式以模板的方式访问

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. vue cli 打包项目造成css背景图路径错误

    vue cli做项目的时候难免会碰到,css引用背景图或者css,js之间的相互引用!!!这时候打包后可能会出现一个错误!!如下图: 写法: 错误: 会无端多出一个“/css/static/” 这样就 ...

  9. vue2.0 axios交互

    vue使用axios交互时候会出现的问题大致有三个: 1:本地调试跨域问题? 2:post请求,传参不成功,导致请求失败? 3:axios引用,在使用的组件里面引用 解决方案: 问题一:跨域? 解决本 ...

  10. Android 如何将手机屏幕投影到 PC 屏幕上或者投影仪上做演示?

    Android 如何将手机屏幕投影到 PC 屏幕上或者投影仪上做演示? 公司开发款APP,要给领导演示,总不能用手机面对面演示吧.所以找了好久,找到一款体验超好的: Total Control-帮助你 ...