虫部落

免服务器如何建立个性简约博客

查看: 1862|回复: 15
Marcus 发表于 2019-1-1 00:19:14 |阅读模式
首先向大家展示我的博客:
www.vseelove.top 挺简约的吧?本来是用 Markdown 写的,在这难排版。部分虫友可去我的博客:基于Github结合Hexo搭建个人博客
工具: Git hexo Nodejs
在元旦前告知需要的虫友们。
以上工具 各位自行受获取【天气冷】Git下载界面
Nodejs下载界面1.注册Github
username.github.io
username是你的注册时信息,非我的。
如果已经有 Github,可直接创建仓库.注册于创建时,注意username,这关系到你的初始域名,发挥你的创造力。


注册过程可能需要验证你的邮箱,其他就不在赘述。

+ 创建仓库
创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库, Respository name 中的username.github.io 的username 一定与前面的Owner 一致,记住你的username下面会用到。

还有你注册的邮箱
这是红的因为我已经注册过一次了,

create~~~OK~!

2.安装Git Hexo
Git下载后,可直接安装
安装Nodejs
【Hexo是一种博客框架基于Nodejs(其它框架与此不讨论)】

如此,工具准备好。

3.最后一公里
先用Hexo初始化博客 配置,后发布至个人Github网站【~~username~~.github.io】
在Git Bash下(其实WIN下的Dos也可以)
配置(安装) Hexo
  1. npm install -g hexo-cli
复制代码

+ 创建本地库
创建出一个名为 username.github.io 的文件夹。
  1. hexo init username.github.io
复制代码

然后进去
  1. cd username.github.io
复制代码

*初始化的过程是从 hexo 仓库下载博客的目录结构和文件,根据网速,需要一定时间。*

安装依赖模块:
  1. npm install
复制代码


+ 主题安装
  在本地库下
下进行。【抱歉由于时间的原因,我晚上要考试,明天上学,虫友们可以在下我参考的5分钟里找到相似的。】

调整基础配置

然后你就可以愉快的写文章了,后上传。

但你要上传的话,我建议在家的虫友可以**设置免密提交**
  1. cd username.github.io
复制代码


+ 配置 Git 用户名和邮箱
  1. git config --global user.name "username"
  2. git config --global user.email"username@mail.com"
复制代码

生成密钥
  1. ssh-keygen -t rsa -C "username@mail.com"
复制代码

使用 ssh-agent 管理私钥
在Ssh的文件夹下
  1. eval "$(ssh-agent -s)"
复制代码

将生成的密钥添加到 ssh-agent
  1. ssh-add id_rsa
复制代码

将公钥添加到GitHub中
在网页上登陆Github
在 GitHub 个人的设置中,添加 SSH-KEY。

验证
  1. ssh -T <a href="mailto:git@github.com" target="_blank">git@github.com</a>
复制代码

出现如下,就是成功了。
  1. Hi username! You've successfully authenticated, but GitHub does not provide shell access.
复制代码

---
是到了发布的前夕了。
在本地库下
先生成静态页面
  1. hexo g(看有无错误。)
复制代码

然后本地服务器**测试**
  1. hexo s
复制代码

能够正常启动服务器,并在浏览器中访问,说明 Hexo 配置成功,接下来要做的事情就是讲生成的静态页面提交到 Github上即可。

##提交 Hexo 到 GitHub##
修改 _config.yml 文件,在最后增加如下内容:
  1. deploy:
  2.   type: git
  3.   repository: <a href="mailto:git@github.com" target="_blank">git@github.com</a>:username/username.github.io.git
  4.   branch: master
复制代码

注意“:”后有空格

+ 安装 hexo-deployer-git 自动部署发布工具
  1. npm install hexo-deployer-git --save
复制代码

发布:测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
  1. hexo clean && hexo g && hexo d
复制代码

大功告成!
  1. Hexo g
  2. hexo s
  3. hexo d
复制代码

一定要知道是干嘛的。

【手好冷啊!祝大家新年快乐!!!】
(如有不足,请告知。)

---


**参考**5分钟 搭建免费个人博客

Github Hexo搭建博客




种地的虫子 发表于 2019-1-5 17:47:45
厉害啊,不过我是在我的服务器上搭的,比你这个稍稍复杂一点
二十七画生 发表于 2019-1-1 12:30:54
厉害了,不知道这种和网站搭建的有什么区别啊
 楼主| Marcus 发表于 2019-1-1 00:29:35
如果允许的话,还可以自己买个一元钱的域名,比如像我。【扣鼻】
赞助商作品
实验楼 发表于 昨天 16:14 来自 iPhone XS
翼然之魔 发表于 2019-1-1 10:05:32
我用的是wordpress的,还没有自己搭建过呢
gpgp001 发表于 2019-1-1 12:41:47
WalterMitty 发表于 2019-1-1 12:46:41
谢谢老哥们 ,正好也想搭建一个呢
耿飚 发表于 2019-1-2 12:27:43
主页很漂亮!很有才华!谢谢你的教程!加油!
tusrau 发表于 2019-1-4 08:19:11
同高三表示看起来不错,有空试试
blueangel2018 发表于 2019-1-4 10:07:59
谢谢  现在小孩子怎么这么厉害
 楼主| Marcus 发表于 2019-1-11 18:04:00
因为学业,,无法多多交流,谢谢赞同。
jiangyu91 发表于 2019-1-12 10:18:26
二十七画生 发表于 2019-1-1 12:30
厉害了,不知道这种和网站搭建的有什么区别啊

没区别 就是很慢  服务器用的GITHUB
jiangyu91 发表于 2019-1-12 10:45:22
楼主还在吗 我博客也搭了 你的博客发博文 还是靠git push嘛 还是 像论坛一样有专门的发帖功能~
蛋卷 发表于 2019-1-12 11:55:56
感谢分享
Anonymous 发表于 2019-1-12 13:48:28
考完试来去试试
 楼主| Marcus 发表于 4 天前
jiangyu91 发表于 2019-1-12 10:45
楼主还在吗 我博客也搭了 你的博客发博文 还是靠git push嘛 还是 像论坛一样有专门的发帖功能~ ...

直接在自己的电脑下,进行makdown的编辑,然后gitbush直接发布到Github上,我倒参考网站有相关 内容,我,现在在学校,没太多时间,请见谅。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表