基于Hexo+Node.js+github+coding搭建个人博客——基础篇

  • 时间:
  • 浏览:0
  • 来源:欢乐生肖APP下载_欢乐生肖APP官方

在博客根目录的 source 文件夹下新建两个多 img 文件夹专门存放图片,在博文中引用的图片路径 /img/图片名.后缀

windows下就直接到Git官网 下载安装即可

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

以下提到的站点配置文件指的是博客文件根目录下的 _config.yml主题配置文件是主题文件夹下的 _config.yml,童鞋们无须混淆了

上传完成以后点击关闭回到管理页面,选中刚上传的图片,最右边的操作点击一键复制链接即可 

 

假若在博文中通过地址引用

搭建此博客的动机以及好地处此就很多谈了,以后导致 分析表达过,详情请看Start My Blog Trip — Power By Hexo 

记录一下搭建的基本过程以及遇到的这人问题,仅供参考 

= =废话很多说,进入主题

注意冒号后边是网站对应的用户名,接着就是/,假若再有你在的项目名加在 .git,master 

保存后终端执行

假若再博文中通过相对路径引用

在次执行 hexo clean 和 heox s 可预览效果 

大要素的设定都能在NexT的官方文档 后边找到,如侧栏、头像、打赏、评论等等,在此就很多讲了,照着文档走就行了,接下就是个性定制的问题

打开站点配置文件, 找到 theme 字段,并将其值更改为 next

对于什么我想要 更有规律地提供图片和这人资源以及我想要 将亲们的资源分布在各个文章上的人来说,Hexo也提供了更组织化的最好的最好的依据来管理资源,将站点配置文件中的 post_asset_folder 选项设为 true 来打开文章资源文件夹

在本地运行没人问题句子,没人还需要部署到外网去,在此以后,先得有服务器我想要 的项目还需要托管,没人Github Page与Coding Page就是个很好的东西,它们还需要让亲们访问静态文件,而Hexo生成的恰恰是静态文件 

具体请查看 Coding Page 、 Github Page

稍等片刻,导致 分析会导致 分析环境、网络等导致 ,部署的时间会有偏差,有的人快有的慢 

 

部署完成后可在浏览器输入 yourName.github.io 导致 分析 yourName.coding.me 都还需要浏览到两个多属于买车人的博客了 ~

Ubuntu系统下安装Git非常简单,只需第一根命令:

随便建两个多文件夹,名字随便取,博主取其名为blog,cd 到文件夹里,先安装必要的文件,执行以下命令:

开站点配置文件,拉到底部,修改部署配置:

使用七牛云储存,导致 分析Github跟Coding项目容量有限,假若Github的主机在国外,访问时延较慢,把图片倒入国内的图床上是个更好的确定,免费用户实名审核以后,新建空间,专门用来放置博客上引用的资源,进入空间后点击「内容管理」,再点击「上传」 

至于Coding,登录进入主页,点击 账户 —> SSH公钥 —> 输入key再点击 加在 

最后用拙劣的语言总结一下博主搭建Hexo博客的体会,3个字:简洁但,不简单。 

再3个字,正如NexT官方说的:精于心,简于形 

= =貌似这人 博客就是为啥简洁,有点花俏,装X嫌疑 

但无论如可,折腾这人 博客我需要受益匪浅,正如以后听到的一句名言,忘了谁说的:不努力试一把,又为啥会知道绝望…好像很有道理,绝望中寻找光芒,绝处逢生,感觉挺不错的 

高级进阶篇:传送门

更多主题请看知乎专栏 

执行以下命令,检测与否导致 分析装好node.js

导致 分析是第一次的会提示与否continue,输入yes就会看过:You’ve successfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github!以后博主要导致 分析没人输入yes,导致 2个失败,粗心地一路回车= = 

验证coding

使用Hexo搭建买车人博客(基于hexo3.0) 

Github Pages买车人博客,从Octopress转向Hexo 

Hexo 3.1.1 静态博客搭建指南 

Hexo官方文档 

NexT官方文档

在node.js的官网 下载二进制包来安装的,下载以后,解压,设置软链接,要不然每次都执行命令需要加在路径,好麻烦

假若终端执行 git --version 查看与否安装成功 

有了必要的各种配置文件以后就还需要在本地预览效果了

 

以后打开浏览器并输入IP地址 http://localhost:5000/ 查看,效果如下 

在次喂买车人带盐!买车人博客:http://www.ookamiantd.top

那为啥要注册两个多网站呢?导致 分析Github是国外的服务器,访问时延不难 ,而Coding是国内的,时延相对来说比较快,在后边DNS解析的以后还需要把国内的解析到Coding,国外的解析到Github,完美

NexT两个多外观,博主用的是 Muse,直接更改主题配置文件 scheme 参数即可,导致 分析显示的是繁体中文,没人站点配置文件中的 language: zh-CN

在安装前,首先需要配置安g++编译器

npm安装,第一根命令即可出理

到此,Hexo的安装已基本完成,还需要先试一下Hello World

官网 下载源代码,确定最后一项,Source Code 

解压到某一目录,假若进入此目录,依次执行以下3条命令

博主安装Node.js遇到的问题就是多次安装了不同版本的Node.js,需要安塞进用户变量上,需要系统变量,很多很多每次用的以后需要切换到root用户,就算赋权 sudo chmod 777 file 都没人用,很多很多折腾了以后才把Node.js删剪卸载,再重新安装

进入Github 首页进行注册,用户名、邮箱和密码以后都需要用到,买车人记好,别问我为啥注册的童鞋去问问度娘

注意!源文件要写绝对路径,假若会报错:链接层数很多。也还需要直接将node可执行文件拷贝到 /usr/local/bin 目录下。

这是博主的系统环境与版本: 

OS: Ubuntu16.04 

Node.js: 6.2.0 

Npm: 3.8.9 

Hexo: 3.2.2 

主题NexT: 5.1.0 

Git: 2.7.4

附上买车人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/

打开新建的文章\source\_posts\postName.md,其中postNamehexo new "title"中的title

插入图片有某种最好的最好的依据

首先是Github,登录Github,右上角 头像 -> Settings —> SSH nd GPG keys —> New SSH key 。把公钥粘塞进key中,填好title并点击 Add SSH key 

总结一下简单的使用命令

在此以后,先安装Git部署插件

Node.js的安装有很多很多种最好的最好的依据,Hexo的官方文档 建议是用nvm 安装,但好多人都说不行,很多很多找了另外某种最好的最好的依据安装 

windows的童鞋可参考安装Node.js

假若 hexo s 即可预览主题效果

接下来就还需要查看与否成功配置了

Hexo博客搭建的基础大致流程为: 

安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pages仓库 → 部署

对于使用windows的童鞋,可参考文章末尾处的参考链接,步骤大同小异*

验证github

Repository大概两个多仓库,用来放置你的代码文件。首先,登陆进入Github,确定首页中的 New repository 按钮 

 

创建时,只需要填写Repository name即可,还需要顺便创建README文件,就是红色那个钩,当然这人 名字的格式需要为{user_name}.github.io,其中{user_name}需要与你的用户名一样,这是github pages的特殊命名规范,如下图请忽视红色警告,那导致 分析博主导致 分析有了两个多pages项目 

后边的 your_email@youremail.com 改为你的邮箱,以后会 要求确认路径和输入密码,亲们这使用默认的一路回车就行。成功句子会在~/下生成 .ssh 文件夹,进去,打开 id_rsa.pub,一键复制后边的key,粗暴点就是 Ctrl+a 假若 Ctrl+c

同上,按yes 

接下来亲们要做的就是把本地仓库传到github上去,在此以后还需要设置username和email,导致 分析github每次commit还会 记录亲们

安装Hexo的非常简单,假若第一根命令,前提是安装好Node.js与Git

Hexo 安装主题的最好的最好的依据非常简单,只需要将主题文件拷贝至站点目录的 themes 目录下, 假若修改下配置文件即可 

在这亲们使用git一键一键复制最新版

国内的网站,绝大要素需要中文的,注册什么的就不说了,进入Coding 滚键盘就是了= =

关于git可参考: 

史上最全github使用最好的最好的依据:github入门到精通 

廖雪峰老师的Git教程

没人亲们有了两个多免费的服务器以后,就要绑定买车人电脑与它们联系,那就是SSHGit 

绑定以后亲们每次部署项目就还会输入帐号和密码

Coding Pages请看 Coding Pages 

注册以后进入主页,点击项目,点击+,项目名为你的用户名 

 

查看Pages 服务与否开启:点击项目 -> 代码 -> Pages 服务,若没人开启则点开启 

导致 分析顺利安装完成,理论上Hexo导致 分析安装完成,但在Ubuntu系统中,比较的地方就是 hexo 命令果然倒入了Node.js安装目录的 bin 文件夹下,可不都可不都可以 快捷地在终端把命令敲出来,很多很多还是老规矩,软链接走起