Hexo快速搭建个人博客

资源放在微博:深海鱼二次方

阅读感比较好的地方在我的个人博客,链接也在微博

大家随意转载,转给有需要的人,转给无辜受牵连的人。

教程写得不太好,如果哪里不对,希望大家多包涵,谢谢了。

 

前言

不用费心踩到雷点词汇!不用担心文章被屏蔽!不用苦恼平台会被牵连无辜!

不必掌握编程语言!不必花钱就能给自己的页面加各种特效!

这一切只需要五分钟和一台电脑。

这还不值得你试一试吗(。・∀・)ノ゙

原理 

  1. 打开冰箱,使用Hexo生成静态网站

  2. 把大象放进冰箱,利用Git将文件上传至Github

  3. 把冰箱门带上,hexo deploy部署网站上线

准备 

搭建网站 

详细步骤安装Git

这个部分没什么可说的,傻瓜操作就行,从头next到尾。

安装完毕。

验证Git是否安装成功 

找到键盘上的

 输入cmd

打开命令窗口

输入

git --version 

得到版本信息 git version 2.15.1.window.2,Git安装成功

安装 Node.js   

这里有一个重点,一定要添加路径!!! Add the path !!!>

!

验证Nobe.js是否安装成功 

找到键盘上的

 输入cmd

打开命令窗口

输入

node -v 
npm -v 

得到版本信息,node安装成功

PS. 如果网络不好,这里可以先添加国内镜像,再进行hexo安装(这步也可以在命令窗口中完成,和输入node -v之类命令的一样)

这一步不是必须的,看个人。

npm config set registry https://registry.npm.taobao.org安装Hexo

新建立空白文件夹,这里使用show文件夹作为演示

进入文件夹,右键选择Git bash here,输入

npm install hexo-cli -g 

验证hexo是否安装成功 

输入

hexo -v 

这个时候show文件夹里还空的,不用着急,接着输入

hexo init

之后,你就会得到一个hexo的原始工程文件

注意:hexo init执行的时间很长,网络不好还容易出错。如果不想自己执行这步,压缩包里有原始文件包,放进自己的文件夹就行。>

好了,看到这里,你已经打开了冰箱大门(๑•̀ㅂ•́)و✧

开始下一阶段吧!

注册Github账户 

网址输入浏览器

https://github.com/ 

确认邮件,完成注册

创建Github仓库 

得到github上的仓库

现在使用之前注册好的github账户登录git

老规矩,点开文件夹,鼠标右键,选择git bash here,输入

git config --global user.name "注册名字" 
git config --global user.email "注册邮件" 

接着输入

ssh-keygen -t rsa -C "注册邮箱" 

这样的做法是为了获得密钥,之后命令框里会出现这样几行文字

    Generating public/private rsa key pair. 生成密钥     Enter file in which to save the key (/f/abyssal-lake/.ssh/id_rsa):     按回车键,让密钥保存在默认文件 -/f/abyssal-lake/.ssh/id_rsa               Enter passphrase (empty for no passphrase):      输入密码,不输也行,然后回车     Enter same passphrase again:      确认密码,没输就直接回车           Your identification has been saved in /f/abyssal-lake/.ssh/id_rsa.     Your public key has been saved in /f/abyssal-lake/.ssh/id_rsa.pub.     The key fingerprint is:      下面就是一堆大小写字母和数字,最后会有一个虚线组成的矩形框      

按照提示找到你的密钥/f/abyssal-lake/.ssh/id_rsa.pub

右键用记事本功能打开这个.pub文件,把里面的东西全部复制

它大概长这样,ssh-rsa+一堆数字+你的邮箱

下面这个密钥是我编的

ssh-rsa AAABV/a7ve7ni/JnzVYrdU94qe7ni/JnzVYrdU94qqSje7ni/e7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qJnzVYrdU94q8kghWgxEdghRAtflcpqU3e7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94qe7ni/JnzVYrdU94q 1223133312@qq.com连接Github仓库和本地Hexo

回到github,打开setting

点击New SSH key>,你就会看小钥匙啦

验证ssh是否添加成功,输入

ssh -T git@github.com

deploy:   type: git   repo: https://github.com/YourgithubName/YourgithubName.github.io.git   branch: master

进入你的文件夹,右键打开git bash here,输入

npm i hexo-server

到了这步,万事俱备!接着输入

hexo clean hexo generate hexo server

这三个命令,每次都要用,请记住。

打开浏览器

https://localhost:4000 

你就可以看到

如果没看到也不要慌,大概率是你的4000端口被占用了,输入

hexo s -p 5000

修改端口到5000,问题解决!

上线hexo 

输入

npm install hexo-deployer-git --save 

输入

hexo clean hexo generate hexo deploy

这样你的网站就上线了,现在就可以通过这个网址访问了

https://yourgithubname.github.io更换主题 

不喜欢这个这个主题怎么办?换!

https://hexo.io/themes/ 

这里面有超多大佬分享的主题,真香~

看中了喜欢的主题,就点击它

方法1,直接点击绿色按钮,里面有ZIP文件,下载之后解压,复制到theme

方法2,输入

git clone https://github.com/PhosphorW/hexo-theme-academia.git themes/Academia

clone后面的网址就是红框内的网址

git clone 你想要主题的网址 themes/你想要主题的名字 

这个大家都会在下面的安装文档里写,而且还需要其他插件大家也都会写得很清楚,不用担心

类似于这样

npm install 啥啥啥 

都搞定之后,再打开

例如

theme:Academia

在本地测试主题

    hexo clean     hexo g     hexo s

打开浏览器,查看效果

https://localhost:4000 

上线网站

hexo clean hexo generate hexo deploy

网站成功,撒花✿✿

https://yourgithubname.github.io发表文章 

然后老办法,先在本地看一看

hexo clean hexo g hexo s https://localhost:4000

确定之后,发布

hexo clean hexo generate hexo deploy hexo server https://yourgithubname.github.io

为了方便大家,我在文件包里放了一份.md文档,如果没什么太高的要求对着改就可以了,后缀名一定是.md

--- title: 题目       #题目 date: 2020-07-08 00:37:29  #时间 tags: [标签1, 标签2,标签3]   #标签逗号隔开 categories: [短篇]  #分类 author: "作者名字" #你的名字 --- 内容 每更新一篇文就老办法走一遍 

最后推荐大家都去看@墨问非名姑娘的搬迁指南,讲解的非常详细了

https://underdream.lofter.com/post/38ea7d_1c5ed0446

这篇文档本来想着只给初海看,丢脸也不会害羞……

但是写完的瞬间突然就膨胀了,想着放出来给所有人看,我的性格真是,啊,捂脸

最后,希望大家都有自己的小天地,(๑•̀ㅂ•́)و✧

最后,最重要的一步,成功话,记得回来点心心,告诉我哦~ 



评论 ( 12 )
热度 ( 235 )
  1. 共35人收藏了此文字
只展示最近三个月数据

© 言简 | Powered by LOFTER