Hexo部署博客到Github和Coding,看这一篇就够了_coding 中如何部署hexo-程序员宅基地

技术标签: hexo  

前言

这是一篇很详细的独立博客搭建教程,意在帮助小白们能快速入门,拥有自己的独立博客。作者已在window平台已搭建成功,博客效果请点链接查看。

为什么用Hexo搭建独立博客?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Github和Coding又是什么?

  • Github是国外免费的Git代码托管平台。利用Github Page服务可以免费创建一个静态网站。
  • Coding则是国内Git代码托管平台。国内首个Git代码托管平台GitCafe已被Coding收购。也提供page服务。

GitCafe

为什么用两个代码托管平台?

很多人都把hexo托管到github上,因为github大家都用的比较久了。但是,你的博客主要访问者肯定还是国内的用户,国内的用户访问coding比github是要快不少的。还可以利用域名解析实现国内的走coding,海外的走github,分流网站的访问。

步骤

安装Git

Git是什么?
Git是目前世界上最先进的分布式版本控制系统(没有之一)。
了解更多,参考git教程

  • 点击下载,然后按默认选项安装即可。Bash
  • 安装完成后,在开始菜单里找到“Git”->“Git Bash”,蹦出一个类似命令行窗口的东西,就说明Git安装成功!

命令窗口

  • 安装完成后,还需要最后一步设置,在命令行输入
$ git config --global user.name "Your Name"
$ git config --global user.email "[email protected]"12

因为Git是分布式版本控制系统,所以,每个机器都必须自报家门:你的名字和Email地址。

注意git config命令的--global参数,用了这个参数,表示你这台机器上所有的Git仓库都会使用这个配置,当然也可以对某个仓库指定不同的用户名和Email地址。

安装Node.js

  • 直接进入官网 打开Downloads
  • 再点击Windows Installer下载,默认安装就行
    node.js

安装Hexo

打开Git-bash,输入

npm install -g hexo-cli1

即可完成Hexo的安装。

本地部署Hexo

  • 在电脑磁盘新建一个存放博客目录的文件夹,例如:blog
  • 进入到blog文件夹,点空白处右击鼠标,打开Git-Bash右击
  • 输入hexo init 然后 npm install,该文件夹有如下目录,就安装成功!
.
├── _config.yml // 网站的配置信息,你可以在此配置大部分的参数。
├── package.json 
├── scaffolds // 模板文件夹。当你新建文章时,Hexo会根据scaffold来建立文件。
├── source // 存放用户资源的地方
|   ├── _drafts
|   └── _posts
└── themes // 存放网站的主题。Hexo会根据主题来生成静态页面。12345678
  • 输入hexo s 启动博客
$ hexo s
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
1234

将博客托管到Github和Coding上

托管到github
  • 注册github帐号
    访问官网注册,你的username和邮箱十分重要,GitHub上很多通知都是通过邮箱的。比如你的主页上传并构建成功会通过邮箱通知,更重要的是,如果构建失败的话也会在邮件中说明原因。
  • 创建项目仓库
    注册并登陆Github官网成功后,点击页面右上角的+,选择New repository。
    +
    在Repository name中填写Github账号名.github.io
    创建仓库
    点击Create repository,完成创建。
托管到coding
  • 注册coding帐号
    访问官网注册并登录
  • 创建仓库
    点+创建项目
    +
    填写项目名称描述创建即可,
    创建
配置SHH

配置shh key是让本地git项目与远程的github建立联系
* 检查是否已经有SSH Key,打开Git Bash,输入

cd ~/.ssh1
  • 如果没有.ssh这个目录,则生成一个新的SSH,输入
ssh-keygen -t rsa -C "your e-mail"1

注意1: 此处的邮箱地址,你可以输入自己的邮箱地址;注意2: 此处的「-C」的是大写的「C」
* 接下来几步都直接按回车键,然后系统会要你输入密码

Enter passphrase (empty for no passphrase):<输入加密串>
Enter same passphrase again:<再次输入加密串>12

这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。
注意:输入密码的时候没有*字样的,你直接输入就可以了。
* 最后看到这样的界面,就成功设置ssh key了
ssh key

添加 SSH Key 到 GitHub和Coding
  • 打开Git Bash,然后输入
cd ~/.ssh1
  • 进入到.shh文件夹中再输入ls,查看是否有id_rsa.pub文件
    img
  • 输入cat命令,打开id_rsa.pub文件
cat id_rsa.pub1

img
* 再鼠标全选中右击复制
* 再配置到GitHub和Coding的SSH中
进入Github官网,点击+旁边的头像,再按settings进入设置
img
在点击New SSH key创建
img
title输入邮箱,key里面粘贴刚才右击复制的内容,再点Add SSH key
img
同样进入coding,点击账户,在点SSH公钥设置即可
img

测试SSH是否配置成功
  • 打开Git Bash,然后输入
ssh -T git@github.com1
  • 如配置了密码则要输入密码,输完按回车
    如果显示以下内容,则说明Github中的ssh配置成功。
Hi username! You've successfully authenticated, but GitHub does not
provide shell access.12
  • 再输入
ssh -T git@git.coding.net1

如果显示以下则说明coding中的ssh配置成功

Hello username You've connected to Coding.net by SSH successfully!1
创建Github Pages和Coding Pages 服务
  • GitHub Pages分两种,一种是你的GitHub用户名建立的username.github.io这样的用户&组织页(站),另一种是依附项目的pages。想建立个人博客是用的第一种,形如cnfeat.github.io这样的可访问的站,每个用户名下面只能建立一个。更多
  • 官网点击代码再点击Coding Pages 服务开启。分支和github分支写一样,填写master
    img
将博客网站上传到GitHub和Coding中
  • 打开D:\blog文件夹中的_config.yml文件,找到如下位置,填写
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo:
      github: git@github.com:yourname/yourname.github.io.git,master
      coding: git@git.coding.net:yourname/yourname.git,master1234567

注: (1) 其中yourname替换成你的Github账户名;(2)注意在yml文件中,:后面都是要带空格的。
img
* 在blog文件夹中空白处右击打开Git Bash输入

hexo g #生成静态网页
hexo d #开始部署12

此时,通过访问http://yourname.github.iohttp://yourname.coding.me可以看到默认的Hexo首页面(与之前本地测试时一样)。

更换Hexo主题

本网站使用的是Next主题。该主题简洁易用,在移动端也表现不错。
* 下载主题
blog文件夹中空白处右击打开Git Bash输入

git clone https://github.com/xirong/hexo-theme-next.git themes/next1
  • 修改网站的主题为Next
    打开D:\blog下的_config.yml文件,找到theme字段,将其修改为next
# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: next1234
  • 验证主题是否可用
    输入
hexo s #启动服务,调试用1

再在浏览器输入http://localhost:4000/确认网站主题是否切换为Next.
* 博客blog根目录下的_config.yml配置网站信息
_config.yml配置请点参考

注册及绑定自己的域名地址

域名注册

推荐选择国内的万网或者国外的Goddady进行域名的注册

域名解析

如果你选择的是万网注册的域名,可以使用其自带的域名解析服务。
也可以选择免费的DNSPod
* 域名解析如下
img
* 打开blog文件夹下的source文件夹,新建CNAME文件,内容填写自己的域名
CNAME文件设置的目的是,通过访问 yourname.github.io 可以跳转到你所注册的域名上。
coding是直接在项目主页设置的,github是在里面加CNAME文件。然后去dns服务提供商哪里添加CNAME。

总结

只要按照上面步骤一步步设置,相信你也可以拥有自己的独立博客。希望此文对还在搭建hexo独立博客的小伙伴有所帮助。

参考

帮助文档

更多教程可以来我深山老猿独立博客里面看到

版权声明:转载注明出处:http://shenshanlaoyuan.com

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/jyfu2_12/article/details/79211746

智能推荐

分布式文件系统fastDFS环境搭建详细过程-程序员宅基地

文章浏览阅读177次。用FastDFS一步步搭建文件管理系统目录一、FastDFS介绍1、简介2、FastDFS的存储策略3、FastDFS的上传过程4、FastDFS的文件同步5、FastDFS的文件下载二、安装FastDFS环境0、前言1、下载安装 libfastcommon2、下载安装F..._fastdfs分布式文件存储系统搭建

Camera Tuning职业介绍_camera tuning有技术含量吗-程序员宅基地

文章浏览阅读1.5w次,点赞26次,收藏108次。前言 前面本人对Camera Tuning这个岗位进行了简单的描述,今天这篇博客我将继续对Camera Tuning工程师进行多个角度的介绍,以下内容皆为个人观点,如果有错误之处还望大家多多指正。 Camera Tuning是一个需要具备相关基础硬件知识储备以及牢固的光学知识支撑的软件研发岗位。一个Camera Tuning工程师同时也需要保持对色彩、清晰度等影响图像质量标准的变化的敏..._camera tuning有技术含量吗

如何判断一个图片链接是否有效 (404)_判断数组中图片地址是否可用-程序员宅基地

文章浏览阅读1.9k次,点赞5次,收藏5次。工作中曾经遇到过的一个很奇葩的需求,要判断一个图片的地址是否是可用的,即是不是404。网上找过很多办法,在一些错误方法的基础上自己写了一个可用的办法,在此分享一下function CheckImgExists(imgurl) { return new Promise(function(resolve, reject) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; ImgObj.onload = funct_判断数组中图片地址是否可用

loaded the "BlueView" nib but the view outlet was not set 错误的解决办法。_nib but the view outlet was not set.-程序员宅基地

文章浏览阅读877次。一般这种情况是创建文件的忘记同时创建xib文件, 后来又单独给文件关联xib文件, 但是关联不正确出现的问题今天在做练习创建多个视图程序的时候,老是出现下面这样的错误: p.p1 {margin: 0.0px 0.0px 0.0px 28.0px; text-indent: -28.0px; font: 11.0px Menlo}'-[UIViewController _l_nib but the view outlet was not set.

电子设计教程19:晶体管负反馈放大电路的原理设计_负反馈放大器为能直接测晶体管的电压吗-程序员宅基地

文章浏览阅读3.5k次,点赞2次,收藏21次。串联放大器与加入负反馈的思路  之前讲述的共射极放大电路,放大倍数只有5倍。就算再努力一点,也只能达到十几倍,放大倍数太小。本节尝试把1KHz,10毫伏峰峰值的正弦波,放大100倍。  单晶体管的放大倍数理论上最大能达到自身的h_FE,实际上考虑到放大电路的稳定性,单晶体管的实际放大倍数往往小于h_FE。如果想进一步提高放大倍数,可以考虑把多级放大电路串联起来。这种思路很好理解,如果第一级放大..._负反馈放大器为能直接测晶体管的电压吗

使用微信小程序对服务器上MySQL数据库进行操作_微信小程序开发时如何通过服务器访问数据库-程序员宅基地

文章浏览阅读3.6w次,点赞25次,收藏275次。文章目录主思路先决条件写在前面主思路小程序通过wx.request()进行http访问,访问服务器上部署的php文件,访问时,服务器将执行PHP文件,PHP的内容是根据得到的小程序传递的传输对数据库进行相应的操作。先决条件配置IIS web服务器,配置安装PHP,搭建MySQL数据库。当然,web服务器不是一定配置IIS,只是笔者购买的是腾讯的windows的服务器,跟着官方文档配置感觉方..._微信小程序开发时如何通过服务器访问数据库

随便推点

填充磁盘空间的工具和方法_磁盘剩余空间填充-程序员宅基地

文章浏览阅读1.8k次。平时在测试时(比如测试安装、保存文件到本地等),可能需要构造本地硬盘空间不足的情况,这里介绍一个方法。  一、fsutil命令  1.以管理员的身份运行cmd  2.进入相应的盘符  3.命令:fsutil file createnew hello.txt 100000,其中"hello.txt"创建的文件,"100000"创建的文件大小  4.一般创建文件_磁盘剩余空间填充

软件技术连载(前言)_软件技术前言-程序员宅基地

文章浏览阅读826次。软件技术连载(前言)PowerBuilder的魅力(前言) 作者:轻风 个人主页:http://gentlebreeze.home4u.china.com今天,大多数应用类型的程序员也许都在讨论这么一个话题:是Java还是.NET。我们似乎面对了这么一道二选一的选择题。当提出某个项目问题也许Java不合适,马上就会接着讨论.NET会怎么样。然而回顾计算机语言的发展历史,我们发现,从来没_软件技术前言

全局程序集缓存(GAC) -程序员宅基地

文章浏览阅读1k次。来自:http://topic.csdn.net/t/20020726/10/903310.html 全局程序集缓存(GAC) - 计算机范围内的代码缓存,它存储专门安装的程序集,这些程序集由计算机上的许多应用程序共享。在全局程序集缓存中部署的应用程序必须具有强名称。 GAC中的所有的Assembly都会存放在系统目录"%winroot%/assembly下面。放在系统目录下的好处_全局程序集缓存

nginx调优参数_output_buffers-程序员宅基地

文章浏览阅读2k次。Worker相关worker设置比较简单,只需要设置正确的数量。Worker Processes如果您的站点流量不大,Nginx,数据库和Web应用程序都运行在同一台服务器上。则在/etc/nginx/nginx.conf中,设置worker_processes 1;如果您的站点流量比较大或者服务器只运行了Nginx,请为每个CPU核心设置一个工作线程:worker_process..._output_buffers

torchsummary使用遇到的问题:AttributeError: ‘list‘ object has no attribute ‘size‘解决办法_attributeerror: 'list' object has no attribute 'si-程序员宅基地

文章浏览阅读1.9k次,点赞2次,收藏3次。AttributeError: ‘list‘ object has no attribute ‘size‘解决办法_attributeerror: 'list' object has no attribute 'size

开发板实战篇4 RGB565 LCD刷颜色数据_lcd rgb565-程序员宅基地

文章浏览阅读1.4k次。总结: 模块例化思想: 例化2个定时器模块 + 数码管驱动 根据自己思路编写代码,调试仿真代码,同时熟悉环境.加深细节理解 刚开始写得很乱,代码完全就是用modelsim仿真调试出来的 注意: 一. 实现的功能 使用FPGA开发板外接1024*600 7inch RGB LCD显示屏,循环刷颜色数据,间隔1S。二. 功能框图定时器模块1:加计数器,计数500ms到了产生ov..._lcd rgb565

推荐文章

热门文章

相关标签