使用hexo搭建个人博客
注册github/gitee账号
极力推荐大家注册一个gitee账号,以后我大部分软件都在gitee上首发,并且还可以搭建个人网页,像我的官网(估计寒假才能重新上线),我们就用gitee做演示。
首先注册账号,推荐大家使用微信、qq等一键注册,个人主页地址随便填,不跟他人重复就行了。
登陆后,点击+ -> 新建仓库
仓库名称填\(\color{#FF0000}{你个人主页地址}\),下面的选项框选\(\color{#FF0000}{开源}\)
新建完后打开仓库,路径显示应该是这样的
\(\small{\color{grey}{马赛克不要在意}}\)
提一嘴github的操作
仓库名称改成\(\color{#FF0000}{个人主页地址.github.io}\)就行了
安装hexo
首先先得安装node.js,参考这里,然后得安装git,Linux使用
sudo apt-get install git
就行了,Windows/Mac去git-scm下载就行了
下载完后记得配置一下用户名和邮箱,和注册的账号填的信息不冲突就行了。
然后就是安装hexo了
npm install hexo -g
就行了(别问我为什么没图,我忘截了)
开始安装博客
首先,在你想要的位置新建一个文件夹,名字随便取,这里我就叫blog,然后输入
hexo init blog
然后他就会慢慢安装依赖文件,安装完成后打开文件夹。
然后输入
hexo s
在浏览器中输入http://localhost:4000,就可以访问博客了,默认系统会给我们写一篇名叫HelloWorld的文章
接下来,我们要让博客每个人都能访问,就需要亿点配置
首先,安装依赖
npm install hexo-deployer-git --save
接下来,配置ssh
输入
ssh-keygen -t rsa -C 邮箱地址
然后点击三次回车,输出了一张很诡异的图片后输入
cat ~/.ssh/id-rsa.pub
屏幕上会出现一大堆东西,复制下来
然后重新打开gitee,打开“设置”
点进ssh公匙
在下方的“公匙”里粘贴之前输出的那一大堆东西,上面的标题随便填,然后点“确定”
然后他会让你输入密码,输一下就好了。
回到终端,继续,修改_config.yml(只有一个下划线)
输入(Windows直接用记事本打开)
vim _config.yml
找到里面的deploy项,修改如下:
注:github用户把gitee改成github,后面的个人主页地址加.github.io
输入:wq保存退出,配置就完成了。
输入
hexo d
就可以推送到gitee/github上了。
最后gitee开启Pages就行了(github只要仓库名是正确的,就会自动开Pages)
进入仓库,选择服务->Pages
按照下图填好后点击“开始”即可
最后,在浏览器中输入http://个人主页地址.gitee/github.io就行了
写文章
输入
hexo new "文章标题"
就可以了,然后用记事本编辑标题.md,具体Markdown以后讲。写不动了,再见。
原文地址:https://www.cnblogs.com/eason66-blog/p/hexo-blog.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 面向对象版tab 栏切换案例
- 构造函数和原型
- 解决json中ensure_ascii=False的问题
- Django自定义列表 models字段显示方式
- 无人驾驶环境感知 | 01 车道线检测网络LanNet原理及实现
- 对象存储COS-数据处理能力升级!“组合拳”助力存储新时代!
- 基于python图像处理API的使用示例
- python 的topk算法实例
- android使用viewpager计算偏移量实现选项卡功能
- Android画板开发之撤销反撤销功能
- Android实现复制Assets文件到SD卡
- Android画板开发之添加背景和保存画板内容为图片
- 直播插件体系设计
- linux 下selenium chrome使用详解
- WeTest:五年沉淀,打造游戏品质的坚实后盾