mac下搭建码云gitee+hexo博客
之前自己做了很多笔记,但都是在私有云笔记,有些经典,有些凌乱,独乐乐不如众乐乐,想了想,还是做个博客吧,复习整理的过程中,希望有缘人有所收获~
个人静态博客,其实用不到专门买服务器,用个好点的模板,搜索、图床、统计访客、评论等功能都一应俱全,且搭建方便。
网上搭建方式纷繁复杂,各式各样,该文总结了一下,只保留精华,和容易出错的细节,并在最后记录参考链接。
总体思路就是用gitee(码云)来做存储(文章和图片),不用github是个人觉得在国内访问码云更快。自动生成和部署利用的是hexo框架。
前置需要装Git、Node.js,这个在mac下直接用brew即可。
正文首先介绍如何初次创建和访问到自己的gitee域名下的个人博客测试页面。
然后讲解如何用hexo部署一个默认的模板,并生成、发布、展现成功。
剩下的就是讲解如何使用一个不错的模板。
目前评论功能还没摸索过,等有空测试成功后,会再记录一篇。
在码云创建好同名仓库,并新增index.html测试
如果你想你的 pages 首页访问地址不带二级目录,如ipvb.gitee.io,你需要建立一个与自己个性地址同名的仓库,如 https://gitee.com/ipvb 这个用户,想要创建一个自己的站点,但不想以子目录的方式访问,想以ipvb.gitee.io直接访问,那么他就可以创建一个名字为ipvb的仓库 https://gitee.com/ipvb/ipvb 部署完成后,就可以以 https://ipvb.gitee.io 进行访问了。
创建好后,新增index.html
选择服务-》Gitee Pages
安装hexo,部署主题
安装hexo客户端
npm install -g hexo-cli
用hexo部署目录
hexo init myblog
cd myblog
npm install
本地看效果
hexo server
访问http://localhost:4000
先安装部署模块:
npm install hexo-deployer-git --save
修改_config.yml
url: https://veyronc.gitee.io/
root: /
deploy:type: gitrepo: https://gitee.com/veyronc/veyronc.gitbranch: master
注意配置冒号后面有个空格。
清理生成部署
hexo clean
hexo generate
hexo deploy
hexo deploy
即将代码传到码云刚才建的新项目上。第一次执行会让输入码云的用户名和密码。
上传完成后,需要在码云的服务-》Gitee Pages,里面再次点击更新。
默认主题可能加载慢,介绍的目的是为了熟悉hexo和发布更新的操作,实际用下面的主题更好看。前面生成的文件夹删了也没关系。
换主题
主题可以到 https://hexo.io/themes/ 去选择,博主选的是aircloud。
https://github.com/aircloud/hexo-aircloud-blog
不在刚才的目录下操作了。重新找个地方。
git clone https://github.com/aircloud/hexo-aircloud-blog.git --recursive
cd hexo-aircloud-blog
npm install
hexo serve
如上一章修改_config.yml
url: https://veyronc.gitee.io/
root: /
deploy:type: gitrepo: https://gitee.com/veyronc/veyronc.gitbranch: master
清理、生成、部署
hexo clean
hexo generate
hexo deploy
或者您可执行下列的其中一个命令,让 Hexo 在生成完毕后自动部署网站,两个命令的作用是相同的。
hexo generate --deploy
hexo deploy --generate
可简写为
hexo g -d
hexo d -g
每次deploy变更完后,想要在访问https://veyronc.gitee.io/
的时候看到效果,都需要在码云的服务-》Gitee Pages,里面再次点击更新。
添加和删除文章
添加文章hexo new '文章新建测试'
会看到
INFO Created: ……/hexo-aircloud-blog/source/_posts/文章新建测试.md
然后去修改之。标签可以多个。
---
title: 文章新建测试
date: 2019-03-21 01:03:47
tags:- 标签1- 标签2
---
删除文章需要删除的是目录hexo-aircloud-blog/source/_posts
里的文章
执行完后还是生成、部署、最后记得在gitee更新Pages服务。
hexo clean
操作官方说明是:
Cleans the cache file (db.json) and generated files (public).
测试发现,如果不执行该命令,删除了source/_posts
里的文章,访问页面也看不到了,只不过还会存在gitee的public
文件夹中。
文章中使用图片
图片也可以利用gitee存储,就放在hexo-aircloud-blog/source/img
md文件中载入用 ![](/img/kds.jpg)
注意:博客源代码和生成代码分开存储
上面介绍的一系列操作,是将博客生成代码传到码云的发布代码仓库。另外,设想一下如果你的本地电脑崩了怎么办,下次配置生成是不是很麻烦,所以,整个hexo-aircloud-blog文件夹,也新建一个代码仓库存起来,存成私有仓库即可。
『博客源代码』: Hexo的源码,包括themes目录(博客模板),source目录(使用MarkDown写的博客)等
『博客生成代码』: 执行hexo generate或者hexo server命令生成的代码,是Hexo自动生成的,再public目录。
博主用的方法应该是比较方便的,新建一个私有仓库 blog-source,克隆下来后,把前面的博客生成代码目录里面所以文件拷过来。
则在 blog-source 根目录下 git 操作相当于传到博客源代码私有仓库blog-source。
用 hexo 命令操作的是上传到博客生成代码仓库。
参考
https://gitee.com/help/articles/4136#article-header1
https://github.com/aircloud/hexo-theme-aircloud
https://blog.csdn.net/adobeid/article/details/81259381#giteement
https://wudong.tech/2018/08/29/Hexo%E6%8E%A5%E5%85%A5%E7%A0%81%E4%BA%91%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F/
https://blog.csdn.net/qq_34461514/article/details/79733669
https://hexo.io/docs/commands
https://hexo.io/zh-cn/docs/deployment
https://segmentfault.com/q/1010000008049369/a-1020000008049754
转载于:https://www.cnblogs.com/xrszff/p/10960147.html
mac下搭建码云gitee+hexo博客相关推荐
- 腾讯云部署hexo博客系统
腾讯云部署hexo博客系统 1. 云服务器端配置 git 1. 安装依赖库和编译工具 安装依赖库: yum install curl-devel expat-devel gettext-devel o ...
- 如何用 windows+github搭建一个优美的hexo博客
如何用 windows+github搭建一个优美的hexo博客 1.Hexo简单介绍 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内, ...
- 博客 学院 下载 GitChat 论坛 问答 商城 头条 活动 码云 ITeye 写博客
博客 学院 下载 GitChat 论坛 问答 商城 头条 活动 码云 ITeye 写博客 发Chat 登录注册 常见8种算法总结 转载 2017年03月16日 22:23:43 目录 冒泡排序 鸡尾酒 ...
- 阿里云部署hexo博客之旅
hexo+阿里云(centos7.x)+git 前言 由于之前的服务器到期了没续费,忘记备份转移了所以资源都没有了,还好本机有一些,之后会上传的只能重新写了 拥有个人的博客是每个程序员的想法,我也一样 ...
- 怎么把网页源码家入hexo博客_从零开始搭建个人博客(超详细)
搭建一个个人博客需要什么呢? 唯一需要的就是耐心.坚持,你需要在遇到问题时自己去网上查找答案,有时候一个问题就要查半天,最后还有可能没解决,但是当问题解决时的满足感令人愉悦. 我是利用GitHub+H ...
- 怎么把网页源码家入hexo博客_一款被大厂选用的 Hexo 博客主题
首先这是一篇自吹自擂的文章,主题是由多位非前端程序员共同开发,目前经过一年半的迭代已经到达 v1.8.0 版本,并且获得大量认可,甚至某大厂员工已经选用作为内部博客,因此我决定写这篇文章向更多人安利它 ...
- 在mac上搭建octopress+github pages博客
折腾了3天,只有这篇最靠谱 http://segmentfault.com/a/1190000000364677 注意 page已经移到.io了,请使用.io 创建仓库时,不要自动生成readme,否 ...
- hexo博客系统搭建(本地,github,阿里云)
hexo 前言 准备工作 1.安装node.js 2.安装git客户端 1.安装及初始化Hexo 1.1因为网络问题需要设置代理 发布到github上 个人服务器部署hexo 2. Hexo博客的阿里 ...
- 腾讯云搭建hexo博客
title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 文章目录 title: 腾讯云搭建hexo博客 tags: hexo,腾讯云 @[toc] 1. 腾讯云 学生认证购买 重置密码和网 ...
最新文章
- R-C3D 视频活动检测
- 全国青少年软件编程python等级考试-全国青少年软件编程等级考试:Python一级考试大纲...
- NYOJ 801 Haffman编码
- 分子生物学之蛋白质与氨基酸
- 25/100. Palindrome Linked List
- fedora17的gnome3桌面美化
- python刷leetcode_零基础python刷leetcode -- 1. Two Sum
- UVa10082 - WERTYU
- 华为/华三IS-IS单区域配置
- 机器学习基础:朴素贝叶斯(Machine Learning Fundamentals: Naive Bayes)
- 卡巴斯基终生免费使用方法
- 木马免杀实践-golang
- 使用MySQL Workbench备份和还原数据库
- 重构碎片化知识_黄建锋:碎片化学习策略研究
- 高中计算机应用面试教资真题,2019下半年高中信息技术教师资格证面试试题(精选)第四批...
- Web前端系列技术之移动端CSDN会员页面复刻(动态完整版)
- 流媒体协议(一):HLS 协议
- 网络基础---广域网技术
- OPPO和vivo拉抬,联发科业绩继续下滑
- 【VS】vs2012解决nuget下载太慢的问题
热门文章
- 【C语言】输入成绩并且计算成绩的平均数和计算出成绩高于平均数的数量
- 一个爬进正方教务系统的爬虫的诞生
- HTC Desire S刷kernel 2.3.5+sense3.0版的RUU后解锁和root
- 索引:如何在海量数据中快速查找某个数据?
- ERP_课程论文(hunnu)
- 2017中国(成都)电子展会刊(参展商名录)
- 2021企业薪酬管理咨询设计七步曲
- 业务中台 全渠道一盘货 基于微服务的订单管理系统OMS 开源
- 最大团与最大独立集(递推法+dfs两剪枝求最大团)
- Pytorch和DCGAN生成肖像画