基于Hexo+github+coding搭建个人博客——基础篇(从菜鸟到放弃)

  • 时间:
  • 浏览:1

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

接下来就能非要查看算是 成功配置了

nodejs8.0刚始于可能弃用了fs.SyncWriteStream辦法 ,一点一点插件里边还是用到你这个 辦法 。查看Hexo项目全部就有你这个 两根issue,在hexo项目中其富含另两个hexo-fs的插件调用了你这个 辦法 ,要是我 须要更新hexo-fs插件,更新辦法 如下:

稍等片刻,可能会可能环境、网络等是因为,部署的时间会有偏差,有的人快有的慢

国内的网站,绝大次责全部就有中文的,注册那先 的就不说了,进入Coding 滚键盘假如了= =

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

OS: Ubuntu16.04

Node.js: 6.2.0

Npm: 3.8.9

Hexo: 3.2.2

主题NexT: 5.1.0

Git: 2.7.4

可能顺利安装完成,理论上Hexo可能安装完成,但在Ubuntu系统中,比较的地方假如 hexo 命令让我门 说倒入了Node.js安装目录的 bin 文件夹下,非要快捷地在终端把命令敲出来,要是我 还是老规矩,软链接走起

发现疑问图片在hexo-admin-qiniu你这个 插件=.=

那个报错终于消失啦~~~

当然还有一点插件:

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

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

= =貌似你这个 博客假如缘何简洁,怪怪的花俏,装X嫌疑

但无论如保,折腾你这个 博客帮我受益匪浅,正如日后听到的一句名言,忘了谁说的:不努力试一把,又缘何会知道绝望...好像很有道理,绝望中寻找光芒,绝处逢生...嘿嘿嘿

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

使用Hexo搭建一点人博客(基于hexo3.0)

Github Pages一点人博客,从Octopress转向HexoHexo 3.1.1 静态博客搭建指南Hexo官方文档NexT官方文档

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

貌似也没缘何用你这个 插件,没法就删掉吧:

有了必要的各种配置文件日后就能非要在本地预览效果了

Coding Pages请看 Coding Pages

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

Repository大慨另两个仓库,用来放置你的代码文件。首先,登陆进入Github,选泽首页中的 New repository 按钮

日后打开浏览器并输入IP地址

安装 6.x 版本:

插入图片有并算是辦法

Node.js的安装有要是我 种辦法 ,Hexo的官方文档 建议是用nvm 安装,但好多人都说不行,要是我 找了另外并算是辦法 安装

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

npm安装,两根命令即可外理

部署完成后可在浏览器输入

在次执行 hexo cleanheox s 可预览效果

大次责的设定都能在NexT的官方文档 里边找到,如侧栏、头像、打赏、评论等等,在此就越多讲了,照着文档走就行了,接下假如个性定制的疑问图片**

查看,效果如下

关于git可参考:

史上最全github使用辦法 :github入门到精通Git学习笔记

里边的 your_email@youremail.com 改为你的邮箱,日后会要求确认路径和输入密码,让我门 这使用默认的一路回车就行。成功说说会在~/下生成 .ssh 文件夹,进去,打开 id_rsa.pub,克隆里边的key,粗暴点假如 Ctrl+a 一点 Ctrl+c

一点终端执行 git --version 查看算是 安装成功

查看Pages 服务算是 开启:点击项目 -> 代码 -> Pages 服务,若没法开启则点开启

同上,按yes

接下来让我门 要做的假如把本地仓库传到github上去,在此日后还须要设置username和email,可能github每次commit就有记录让我门

博主安装Node.js遇到的疑问图片假如多次安装了不同版本的Node.js,全部就有安装在用户变量上,全部就有系统变量,要是我 每次用的日后全部就有切换到root用户,就算赋权 sudo chmod 777 file 都没法用,要是我 折腾了后来 才把Node.js全部卸载,再重新安装

上传完成日后点击关闭回到管理页面,选中刚上传的图片,最右边的操作点击克隆链接即可

原文链接: http://yangbingdong.com/2017/build-blog-hexo-base/

创建时,只须要填写Repository name即可,能非要顺便创建README文件,假如红色那个钩,当然你这个 名字的格式须要为

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

<font color=red>须要</font>与你的用户名一样,这是github pages的

可能

验证github

NexT有另两个外观,博主用的是 Muse,直接更改主题配置文件scheme 参数即可,可能显示的是繁体中文,没法站点配置文件中的 language: zh-CN

安装 8.x 版本:

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

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

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

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

注意冒号里边是网站对应的用户名,接着假如/,一点再有你在的项目名换成 .git,master

保存后终端执行

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

那为那先 要注册另两个网站呢?可能Github是国外的服务器,访问传输带宽很难,而Coding是国内的,传输带宽相对来说比较快,在里边DNS解析的日都还可以非要把国内的解析到Coding,国外的解析到Github,完美

更多主题请看知乎专栏

可能是第一次的会提示算是 continue,输入<font color=red>yes</font>就会看得人:You’ve successfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github!日后博主假如保能没法输入yes,是因为哪几个失败,粗心地一路回车= =

验证coding

使用七牛云储存,可能Github跟Coding项目容量有限,一点Github的主机在国外,访问传输带宽较慢,把图片倒入国内的图床上是个更好的选泽,免费用户实名审核日后,新建空间,专门用来放置博客上引用的资源,进入空间后点击「内容管理」,再点击「上传」

一点 hexo s 即可预览主题效果

一点再博文中通过相对路径引用

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

对于那先 我要我更有规律地提供图片和一点资源以及我要我将让我门 的资源分布在各个文章上的人来说,Hexo也提供了更组织化的辦法 来管理资源,将站点配置文件中的 post_asset_folder 选项设为 true 来打开文章资源文件夹

,其中

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

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

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

注意!源文件要写<font color=red>绝对路径</font>,一点会报错:链接层数越多。都还可以非要直接将node可执行文件拷贝到 /usr/local/bin 目录下。

进入Github 首页进行注册,用户名、邮箱和密码日后都须要用到,一点人记好,他不知道缘何注册的童鞋去问问度娘

nodejs版本更新到8.0日后,运行hexo相关命令总会突然出现没法一行鬼东西:

(node:538) [DEP0061] DeprecationWarning: fs.SyncWriteStream is deprecated. 真是不缘何影响大局,当对于强迫症来说是另两个噩梦

没法让我门 有了另两个免费的服务器日后,就要绑定一点人电脑与它们联系,那假如SSHGit

绑定日后让我门 每次部署项目就不让输入帐号和密码

,如下图请忽视红色警告,那是可能博主可能有了另两个pages项目

But,疑问图片木有得到外理啊!

hexo命令有个-debug参数,运行命令的日后换成你这个 参数,能非要定位疑问图片:

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

搭建此博客的动机以及好占据 此就越多谈了,日后可能表达过,详情请看Start My Blog Trip — Power By Hexo

记录一下搭建的基本过程以及遇到的一点疑问图片,仅供参考

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

官网 下载源代码,选泽最后一项,Source Code

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

都能非要浏览到另两个属于一点人的博客了 ~

在本地运行没法疑问图片说说,没法能非要部署到外网去,在此日后,先得有服务器让人的项目能非要托管,没法Github Page与Coding Page假如个很好的东西,它们能非要让让我门 访问静态文件,而Hexo生成的恰恰是静态文件

具体请查看 Coding PageGithub Page

一点在博文中通过地址引用

npm 更换淘宝镜像:

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

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

Hexo 安装主题的辦法 非常简单,只须要将主题文件拷贝至站点目录的 themes 目录下, 一点修改下配置文件即可

在这让我门 使用git克隆最新版

总结一下简单的使用命令

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

执行以下命令,检测算是 可能装好node.js

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

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