搭建步骤:

1>Mac或win电脑一台,本文以mac为例。

2>下载安装GitNode

3>安装hexo

4>注册登录GitHub,创建一个仓库,库名格式为:GitHub用户名.github.io

5>购买域名,本文以阿里云为例,解析域名。

6>博客主题,标题,界面设置


安装Git

下载地址:https://git-scm.com/download/

安装Node

下载地址:http://nodejs.cn/download/

验证是否安装成功:

安装hexo

//安装hexo
&:npm install hexo-cli -g//创建本地博客,“GitHub用户名.github.io”建议和GieHub仓库名一致
hexo init GitHub用户名.github.io 例如: &:hexo init 1170197998.github.io //进入到安装目录 &:cd 1170197998.github.io/ //安装npm &:npm install //启动服务 &;hexo server

至此,在浏览器地址栏键入http://localhost:4000/,即可访问本地博客


安装hexo-server

npm install hexo-server --save npm install hexo --save

登录GitHub创建一个名字为1170197998.github.io的仓库,

打开本地博客目录1170197998.github.io中的_config.yml,加入仓库地址,如下:

deploy:type: gitrepo: https://github.com/1170197998/1170197998.github.io.git branch: master
  • 1
  • 2
  • 3

生成的静态文件 (public文件夹),部署服务

//生成静态文件
&:hexo generate//部署服务
&:hexo deploy
  • 1

把这个文件夹里面的内容上传到刚刚新建的仓库里面

此时访问1170197998.github.io可以访问博客


购买域名,绑定域名,登录阿里云控制台进行域名解析操作如下


查看github空间服务IP

ping 1170197998.github.io
  • 1
  • 1

source文件下新建一个文件名为CNAME文件,不要有后缀,输入域名,保存关闭

然后执行hexo g,hexo d进行生成和部署。此时在浏览地址栏键入域名就可以打开博客了

博客基本操作

1>切换博客主题

博客的主题都保存在了themes文件夹下,默认landscape主题,想切换别的主题,终端进入到该文件夹下,进行克隆即可,比如克隆next主题:

&:git clone https://github.com/iissnan/hexo-theme-next themes/next
  • 1
  • 1

然后到_config.yml中把theme的值由默认的landscape修改为next

然后执行hexo g,hexo d进行生成和部署命令。此时再登录域名,主题已经切换。

2>设置博客标题、作者

打开_config.yml,对应填写title,auther等参数,修改了url参数对应的值以后,即使在地址栏输入了1170197998.github.io,网页加载完后会变为url的值,然后执行hexo g,hexo d进行生成和部署命令。


hexo常用命令

npm install hexo -g #安装
npm update hexo -g #升级
hexo init #初始化简写
hexo n "我的博客" == hexo new "我的博客" #新建文章 hexo p == hexo publish hexo g == hexo generate#生成 hexo s == hexo server #启动服务预览 hexo d == hexo deploy#部署 服务器 hexo server 会监视文件变动并自动更新,无须重启服务器。 hexo server -s #静态模式 hexo server -p 5000 #更改端口 hexo server -i 192.168.1.1 #自定义 IP hexo clean #清除缓存 网页正常情况下可以忽略此条命令,清除了db_json文件和public文件夹 hexo g #生成静态网页 hexo d #开始部署 监视文件变动 hexo generate #使用 Hexo 生成静态文件快速而且简单 hexo generate --watch #监视文件变动 完成后部署 hexo generate --deploy hexo deploy --generate or: hexo deploy -g hexo server -g 草稿 hexo publish [layout] <title>

可能会遇到的问题:

1>出现:

FATAL Cannot find module '/Users/xxxxxxx/GitHubBlog/1170197998.github.io/node_modules/hexo-renderer-marked'
Error: Cannot find module '/Users/xxxxxxx/GitHubBlog/1170197998.github.io/node_modules/hexo-renderer-marked' at Function.Module._resolveFilename (module.js:485:15) at Function.resolve (internal/module.js:18:19)

可能是安装hexo的时候没有执行npm install,执行如下命令:

&:rm -rf node_modules
&:npm install
  • 1
  • 2
  • 1
  • 2

2>ERROR Deployer not found : github的问题解决办法

先执行:
npm install hexo-deployer-git --save 然后执行:
hexo g
hexo d 
  • 1
  • 2

3>发布博客后设置分类和标签

在文章的顶部tags和categories中这样写所属分类和对应的标签,例如:

tags: [iOS,链式编程和函数式编程]
categories: [iOS_Objective-C]
备注:单个分类或者标签不需要用中括号[],多个的时候用[]括起来,英文逗号隔开。

4>加入搜索功能

使用的是Local Search, 首先安装hexo-generator-searchdb <要在当前博客目录下>

npm install hexo-generator-searchdb --save
  • 1
  • 1

然后在博客目录下的_config.xml里面加入以下字段

search:path: search.xmlfield: postformat: htmllimit: 10000

同时要把主题目录下的_config.xml文件中的local_searchenable设置为true

local_search:enable: true
  • 1
  • 2
  • 1
  • 2

5>加入百度统计功能

注册登录百度统计,把统计脚本id复制到主题next下的配置文件_config.xml中的baidu_analytics字段后

6>加入评论功能

注册登录网易云跟帖,将yunTieProductKey放到主题next下的配置文件_config.xml中的gentie_productKey字段后

转载于:https://www.cnblogs.com/wanghuaijun/p/7073296.html

使用hexo搭建github个人博客网站相关推荐

  1. github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url,添加RSS)...

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...

  2. 手把手教你利用hexo搭建自己的博客网站----史上完整详细版(基于GitHub for mac)

    文章目录 一.安装Node.js 1.1 下载完该安装包,直接进行安装即可. 1.2 打开终端,切换至root用户. 1.3 查看一下node的版本 1.4 查看npm的版本 二.安装hexo 2.1 ...

  3. hexo搭建简易的博客网站

    0.环境检测 1.系统升级(图形更新) #update-manager 检测状态2.检测升级(命令更新) #sudo apt update #sudo apt -y dist-upgrade 一.安装 ...

  4. github+hexo搭建自己的博客网站(五)进阶配置(畅言实现博客的评论)

    如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https: ...

  5. hexo搭建github.io博客

    点击上方 "大前端圈"关注, 星标或置顶一起成长 每天早晨08点30分, 第一时间与你相约 Introduction 回顾一下我三年搭建博客的历程,最初是选择wordpress,W ...

  6. github page hexo博客gitee_利用Github和hexo搭建个人免费博客

    利用Github和hexo搭建个人免费博客详细过程: 概述: 详细的介绍了利用github和hexo搭建免费的博客,内容详细,浅显易懂,容易上手,大家一起进来看看吧! 1.配置Github相关操作: ...

  7. hexo搭建自己的博客并部署至免费的github服务器教程

    hexo搭建自己的博客并部署至免费的github服务器教程-mac版本 打开终端,输入sudo su -命令进入root用户 输入npm install -g hexo-cli (前提是按照了node ...

  8. 5分钟 0元搭建个人独立博客网站(二)

    文/北妈 阅读本文需要 5.1分钟 一 接着第一篇 5分钟建立独立网站系列,戳这里:<5分钟 0元搭建个人独立博客网站(一)> 这个Hexo.GitPages系列,其实网络很多教程,但都不 ...

  9. 5分钟 0元搭建个人独立博客网站(一)

    文/北妈 阅读本文需要 3.5分钟 一 直接入正题,先看北妈个人博客地址:http://www.guoxiaobei.com 微信不允许加入外链,你只能复制去外部浏览器打开,或者看完文章在底部的 &q ...

  10. 2017年最新基于hexo搭建个人免费博客——从零开始

    前言 搭建此博客是因为通过github上了解到github pages进而知道了可以把静态网页博客托管给github仓库 或许您已经通Git + Hexo 搭建个人博客网站了解到如何通过HEXO + ...

最新文章

  1. Python 爬取图片链接并且解析
  2. Linux中配置bochs
  3. C++ Primer 5th笔记(chap 16 模板和泛型编程)默认模板实参
  4. mybatis 用Log4j输出日志
  5. 【云图】如何创建云图(云存储)
  6. kotlin 添加第一个 集合_kotlin 集合的操作
  7. 机器学习与数据挖掘_Regularization
  8. Perl获取前后任意月份月末
  9. Docker镜像重命名
  10. mysql delphi5_Delphi 7连接MySql 5.5.15
  11. 关系型数据库管理系统
  12. keras实现声音二分类
  13. STM32G0 硬件SPI+DMA+LL库,最高通讯速率32MBit/s
  14. 神操作 用 Python 操作 xmind 绘制思维导图
  15. git pull命令操作 git pull <remote> <branch>
  16. 迷糊到清楚,清楚又到迷糊
  17. Apache服务器安装SSL证书
  18. Nacos Serve 本地启动报Error starting Tomcat context. Exception: org.springframework.beans.factory.BeanCre
  19. 包 权限修饰符 final 常量 枚举 抽象类 接口 多态 内部类 常用API 正则表达式 Lambda
  20. 佳能服务器维护,佳能打印机 远程维护服务器

热门文章

  1. ecshop怎样在新主页模板里调用首页主广告
  2. 【数据结构排序算法系列】数据结构八大排序算法
  3. C#.NET中数组、ArrayList和List三者的区别
  4. zoj 1718 poj 2031 Building a Space Station
  5. 【XS128】Link error L1822 symbol _FADD / _FSUB/ _FDIV/ _FMUL.....错误解决的方法
  6. 在VC6.0中使用GDI+的两种办法
  7. Java Mysql数据库创建视图、索引、备份和恢复
  8. datagridview 不显示行号的问题
  9. 测试标准I/O缓冲的代码,
  10. 利用wcf传递字节的简单例子