使用coding和hexo快速搭建博客
更多精彩内容欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz或者http://www.zh66.club期待您的光临哦!我是皮皮猪,感谢各位光临,能为您排忧解难小站深感荣幸!祝您生活愉快!
今天教大家怎么用hexo快速搭建自己的博客。我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的。所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷。
首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始!
hexo
hexo是一种博客框架,所谓框架,就是为了解决和处理一个复杂问题的结构,简单地说,用已经搭建好的框架来搭建博客,就不需要自己一砖一瓦地去构造了。
git
git是一种版本管理系统。当我们要开发一款软件时,软件有很多的功能需要完善,所以会出现很多版本,比如1.0,2.0等等,但是,当我们升级到高版本后,突然发现曾经的版本更好用,这时候该怎么办呢?那么git就是记录你们每次改版发生的改动,当你想要退回到某一个曾经的版本时,那么就用git直接回退到曾经的版本就可以了。这时候你可能会问,为什么你不把曾经的版本备份下来呢?这样不是更方便吗?想法很简单,但是一个软件有很多的版本,而且有些软件还很大,所以这样直接备份会占用很大空间,会浪费很多资源。而且,git会记录软件改版的详细信息,包括改版的时间,哪个文件发生了变化等等,所以用git管理开发十分方便,这也是未来的趋势。注意的是,git需要用命令行管理。
GitHub和coding
这两个是线上的版本管理系统,你可以理解为线上的git,同时他们还有社区的性质。不同的是,GitHub是国外的,也可以说是世界的,因为有很多大牛在上面贡献自己的开源代码,包括Google,苹果,微软等等世界一流的工程师,在上面开发软件,会有更多的大牛给你提出意见,帮助你完成开发。而coding是中国的,相对来说名气更弱一些,但是访问速度快,还可以免费拥有私人仓库。所以,这篇教程我们使用coding pages部署博客。(注意:coding已被腾讯云收购)
需要下载的东西
1.git
2.node.js
3.notepad++
4.hexo
(这个需要用git命令行下载,没有安装包,需要在电脑的某一个盘里新建一个文件夹,名字可以随便取,比如hexo,用来存放你的博客代码,进入这个文件夹,右键,你会看到有git bash hexo的选项,点击,你就进入了git命令行,输入命令 npm install hexo-cli -g,稍等片刻,下面出现一堆英文,那证明已经下载完hexo了!)
hexo的步骤不再重复,全在之前的博客里 点这里跳转
Step1:此时我们需要创建一个coding账号(注意codding已被腾讯云收购,点击此处跳转),然后添加一个项目,项目名为你的coding账号名,例如我的账号名是Zevs6,所以我新建的项目为Zevs6,注意要在初始化项目那一项打勾
Step2:进入项目 -> 设置 -> 部署公匙 ->新建部署公匙,给项目添加公匙SSH,ssh公匙获取方法和github一样直接在本地找到使用即可,在之前博客点这里跳转 第四步有详细的介绍。公匙名称可以不填,但是授予推送权限选项必须打勾,这样你才有写权限
Step3: 在你的域名管理平台中(比如阿里云,腾讯云之类的),域名 ->管理-> 解析域名,增加一条CNAME信息,记录值为 youruser.coding.me(youruser为你的coding用户名)例如我的:
Step4:等到第三步的解析生效(最长十分钟),在coding中,项目 -> 代码 -> Pages服务中,一键部署Pages。在Pages的设置里,自定义自己的域名并绑定(域名前加www.前缀)
Step5:在本地博客路径下,修改_config.yml下的deploy,改为:
deploy:
type: git
repo:
coding: git@git.coding.net:yourname/yourname.git,master
格式一定要正确!!!不然会报错!!!
Step6:
在本地博客路径下,执行命令:
hexo clean
hexo g
hexo d
hexo d 部署成功时会提示然您输入账号密码验证
使用coding和hexo快速搭建博客的更多相关文章
- Hexo快速搭建博客
1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 ...
- 用 hexo 快速搭建博客
如何做到一毛不拔的搭建网站 以下操作全程使用管理员权限,因为我不清楚哪里会出现 permission denied 1.下载 nodejs 对应 windows 用户,下载对应的 ".msi ...
- 在Windows下使用Hexo+GithubPage搭建博客的过程
1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git ...
- Django快速搭建博客系统
Django快速搭建博客系统 一.开发环境 Windows 7(64bit) python 3.6 https://www.python.org/ Django 2.0 https://www. ...
- hexo+github搭建博客跳坑
hexo+GitHub搭建博客过程中,hexo安装成功,可以启动和运行,但是访问localhost:4000却无法访问,弄了半天,最后发现是福昕阅读器占用了4000端口 解决办法: 采用命令hexo ...
- Hexo+NexT(零):最全Hexo+Next搭建博客教程
快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的 ...
- hexo+github搭建博客(超级详细版,精细入微)
# 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染 ...
- GitHub+Hexo+gulp搭建博客网站
一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/ 两个版本,选择右边那 ...
- 用 Hugo 快速搭建博客
用 Hugo 搭建博客 Hugo 是一个用 Go 编写的静态站点生成器,生成速度很快 下面是具体操作: 1.安装 Hugo Windows 用户 使用 Chocolatey 或者 Scoop 快速安装 ...
随机推荐
- 从后端到前端之Vue(三)小结以及一颗真实的大树
上一篇写了一下tab,下面整理一下用过的知识点,本想按照官网的文档,整理一下可以更清晰,结果也许是我的方法不对吧,总之更模糊了. 按照官网文档的顺序整理到了表单输入绑定之前,因为之前大致也就只涉及到这 ...
- .NET 欢乐编程术之类型超级转换之术👍👍
准备工作:先确保 VS 版本大于 2017,且支持C# 7.0 语言版本.然后新建 .Net Core 项目,在 Nuget 包管理上引入微软霸霸官方包 System.Runtime.Compiler ...
- linux 使用git
linux下使用git管理代码 环境:centos7.2 : 工具:xshell 1.安装git,命令如下: #yum install git 2.设置用户名和邮箱,命令如下: #git c ...
- HTML--CSS样式表--格式与布局
一:position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角弹窗 例如: <head> <title>网页标题</title> <s ...
- k8s1.9.0安装--基础集群部署
二.基础集群部署 - kubernetes-simple 1. 部署ETCD(主节点) 1.1 简介 kubernetes需要存储很多东西,像它本身的节点信息,组件信息,还有通过kubernetes运 ...
- Linux设备驱动程序学习----2.内核模块与应用程序的对比
内核模块与应用程序的对比 更多内容请参考Linux设备驱动程序学习----目录 1. 内核模块与应用程序的对比 内核模块和应用程序之间的不同之处: 大多数中小规模的应用程序是从头到尾执行单个任务,而模 ...
- javascript基础学习第二天
ECMASCRIPT(语法标准) 1. 能够写出简单的逻辑程序代码 2. 变量,数据类型,运算符,条件判断语句,循环语法,数组,对象,函数 1. 赋值运算符 = 将'='右侧的结果赋值给左侧的变量 a ...
- flask+uwsgi+nginx+docker-compose部署
简单介绍 Flask这里就不多阐述了,已经是很流行的一个轻量级python框架了,对于小.中型项目特别适合.这里用docker的compose编排部署.uwsgi 简单的说明下,uWSGI是一个Web ...
- Android UI绘制流程及原理
一.绘制流程源码路径 1.Activity加载ViewRootImpl ActivityThread.handleResumeActivity() --> WindowManagerImpl.a ...
- 【故障公告】发布 .NET Core 版博客站点引起大量 500 错误
非常抱歉,今天上午的博客站点故障给大家带来了很大的麻烦,请大家谅解.这次故障是我们发布 .NET Core 版博客站点引起的,虽然我们进行了充分的准备,但还是低估了高并发下的复杂问题. 以下是故障背景 ...