gitee+hexo搭建个人博客
通过gitee和hexo搭建个人博客
本文首发:https://www.somata.net/2019/build_blog_with_gitee_hexo.html
首先准备软件:
- git (提供命令git) git官网
- notepad++(方便编辑)notepad++官网
- nodejs(hexo依赖)nodejs官网
- 7z(压缩包)7z官网
链接:https://pan.baidu.com/s/1OWnJMV1kI86aLUZZEkt6Yw 提取码:im6o 这里整合好了。
还有码云主页
安装
nodejs、git、notepad++和7z的安装过程省略。主要要说的是hexo的安装和配置。
再以上几个安装好后,注意测试是否可以再命令行可以使用:git
,npm
这里虽然使用的是Windows值作但是全部都是使用命令完成,与Linux的命令相同,所以可以Linux也是可以完成的。
Win+R-> 'cmd' 打开命令行
首先需要配置npm的国内源
npm config set registry https://registry.npm.taobao.org #配置国内的镜像源
npm info hexo # 测试查看hexo的安装信息,是否是taobao.org的源
然后再是安装hexo:
npm install -g hexo # 通过npm安装hexo
# -g 指定全局安装,可以使用hexo命令
我这里再切换到桌面路径进行操作
hexo init test # 初始化创建,会再桌面创建test文件夹
cd test # 进入test目录
npm install # 进一步安装hexo所需文件
这样hexo就安装完成了,接下来就可以启动hexo
了
hexo clean # 清除所有记录
hexo generate # 生成静态网页
hexo server -p 80 # 启动服务
然后使用浏览器访问http://server_ip
主题配置
如果不喜欢这个主题可以换一个
比如next主题,next官网 next的github网页,去github下载压缩包然后放到test下的themes目录下。
然后配置_config.yml
……
theme: hexo-theme-next-5.1.4 # 这里需要注意:后面要有一个空格,名称要和theme下的主题目录名称相同。
……
hexo的其他配置参考hexo官方文档
next的配置参考next官方文档
然后重启hexo服务
hexo clean # 清除所有记录
hexo generate # 生成静态网页
hexo server -p 80 # 启动服务
然后重新访问网页,就会发生变化
生成blog
生成blog:
hexo new test # 生成主页,在test/source/_posts下会生成test.md文件
所有网页都时通过md文件来显示的,如果想要学习md->markdown语法,可以参考原作者markdown解释
上传到gitee
gitee主页
再gitee创建自己的账户,然后再创建一个自己仓库
在创建仓库完成后进入到仓库
复制URL,到hexo的配置文件_config.yml
……
deploy:
type: git # type为git
repo: https://gitee.com/somata/somata # 仓库的URL
……
这里先安装一个hexo的插件
npm install hexo-deployer-git --save # 安装git插件
git config --global user.email *********@qq.com # 设置gitee邮箱(gitee的注册邮箱)
git config --global user.name '****' # 设置用户名(git的注册昵称)
hexo deploy # 上传到gitee
# 在上传时,需要再次输入gitee的注册邮箱作为username,账户密码作为password
上传完成之后,仓库就会多出以下文件
然后哦选择gitee pages 网页解析服务
然后选择开启 或 更新即可。注意需要绑定手机号,否则不允许使用pages服务。然后访问网址
这里需要注意,每次重新上传网页后,都需要到这里来更新网页
解决hexo博客网页无法使用图片问题
npm install hexo-asset-image --save # 安装hexo插件
# 这里还要注意修改_config.yml中的一个点
……
post_asset_folder: true
……
hexo new test # 生成新的网页
位置在 test/source/_posts下,会同时生成test目录和test.md 网页,将需要的图片放置到test目录下,test.md就可以正常解析了,注意:要在图片路径直接写成同目录下即可。
本文经「原本」原创认证,作者乾坤盘,访问yuanben.io查询【3SCNT0GH】获取授权信息。
gitee+hexo搭建个人博客的更多相关文章
- 使用Hexo搭建个人博客并部署到GitHub或码云上全过程
一.前言 如上图所示:GitHub有Github Pages,而码云也有码云 Pages 1.Github Pages或Gitee Pages是什么呢? Github Pages或者Gitee Pag ...
- Hexo搭建静态博客踩坑日记(二)
前言 Hexo搭建静态博客踩坑日记(一), 我们说到利用Hexo快速搭建静态博客. 这节我们就来说一下主题的问题与主题的基本修改操作. 起步 chrome github hexo git node.j ...
- Hexo搭建静态博客踩坑日记(一)
前言 博客折腾一次就好, 找一个适合自己的博客平台, 专注于内容进行提升. 方式一: 自己买服务器, 域名, 写前端, 后端(前后分离最折腾, 不分离还好一点)... 方式二: 利用Hexo, Hug ...
- 利用Hexo搭建个人博客-博客发布篇
通过 <利用Hexo搭建个人博客-环境搭建篇> 以及 <利用Hexo搭建个人博客-博客初始化篇>,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如 ...
- 利用Hexo搭建个人博客-博客初始化篇
上一篇博文 <利用Hexo搭建个人博客-环境搭建篇> 中,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境.相信大家已经迫不及待的想要知道接下来应该要怎么把自己的博客搭起来了,下面,让 ...
- 利用Hexo搭建个人博客-环境搭建篇
我是一个爱写博客进行总结分享的人.然而,有着热爱写博客并且深知写博客好处的我,却没有好好的把这个习惯坚持下来.如今毕业已经一年多了吧,每一次与师弟师妹们聊天,我总会意味深长的建议他们,一定要定期梳理总 ...
- 使用Hexo搭建github博客步骤,超简便
categories: 工具 tags: git Windows 搭建博客 你只需要node环境和一个github账号就可以开工啦! 本教程适合于Windows环境,Mac教程也大同小异 利用hexo ...
- 使用Hexo搭建GitHub博客(2018年Mac版)
关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: [2018更新]小白独立搭建博客-Githu ...
- hexo搭建个人博客
本文讲述如何用`hexo`搭建个人博客,并托管到`github`.不需要租赁服务器,可完成网站博客的搭建. 安装Hexo安装hexo之前,要先下载安装Node.js和Git,百度搜索找到下载即可.[G ...
随机推荐
- python的输入和输出
基本输出 python中的输出使用关键字--print,与python2不同的是,python3的输出后面必须要加括号,示例如下: python3.0以上输出: python2.0以上的输出: 格式化 ...
- Ural 2070:Interesting Numbers(思维)
http://acm.timus.ru/problem.aspx?space=1&num=2070 题意:A认为如果某个数为质数的话,该数字是有趣的.B认为如果某个数它分解得到的因子数目是素数 ...
- SQL Server 2016 + AlwaysOn 无域集群
目录 AlwaysOn 搭建 WSFC 配置计算机的 DNS 后缀 安装故障转移集群 验证集群 创建集群 创建文件共享见证 配置 AlwaysOn 新建可用性组 创建侦听器 可读副本的负载均衡 主角色 ...
- [网络协议]UDP实现的可靠协议
UDP实现的可靠协议,基本都会对TCP的某一部分进行加强,另外一部分进行削弱.因为: “实时性+可靠性+公平性” 三者不能同时保证,因此可以牺牲TCP的局部公平性来换取更好的实时性,或者更浪费点带宽, ...
- c++二分查找
c++二分查找 题目是在一些数字里找出一个数字,并输出他在第几行 代码 + 注释 #include <stdio.h> #include<iostream> using nam ...
- c++学习书籍推荐《Beyond the C++ Standard Library》下载
百度云及其他网盘下载地址:点我 作者简介 Björn Karlsson works as a Senior Software Engineer at ReadSoft, where he spends ...
- CDQZ集训DAY8 日记
又一次翻车…… 先提一句昨晚的事.昨天晚上身后一帮成都七中的人用十分戏谑的语气交出了达哥的名字,看着NOI2017的获奖名单,如果他们真的是在嘲笑的话,真的挺想上去干他们一顿的…… 上午考试第一题一脸 ...
- Ray-基础部分目录
基础部分: 引言 Actor编写-ESGrain与ESRepGrain 消息发布器与消息存储器 Event编写 Handler之CoreHandler编写 Handler之ToReadHandler编 ...
- 数据库系统概念:SQL的数据类型与模式、授权
public class DataBase { public static void main() { } } /* 4.5 SQL的数据类型与模式 4.5.1 SQL的日期与时间类型 SQL标准支持 ...
- cozmo 入坑日记及开发环境搭建
前几日,朋友在群里发了一个机器人的小视频,视频里机器人可以对话,可以推箱子,开心以后会哈哈大笑,非常有趣. 详细了解里一下,这是个叫 cozmo 的智能机器人,可以配合 SDK 用 python 编程 ...