Github 简单、快速 搭建hexo博客 + 各博客平台比较

一、简单创建

在这里插入图片描述

  1. 你github创建的用户名 替换图中的username
    不这样做的问题是,你等下要访问博客地址就是 你的github账户名.github.你设置的名字.github.io 类似这样的多层嵌套,很不舒服
  2. Create repository
  3. 弹出的页面点击Settings
    在这里插入图片描述
  • 进入设置,往下滑呀滑!

在这里插入图片描述

  • 蓝色的链接的即为你新创建的Blog,点开试试看

在这里插入图片描述

  • 没有皮肤就没有灵魂!

  • 同样在Setting页面,往下滑

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 提交改变的效果图

在这里插入图片描述
创建成功!

二、初步配置

点击下载Github 桌面版
在这里插入图片描述在这里插入图片描述
打开本地文件夹,保留.git文件夹,删掉其他的文件

模板网站
选一个喜欢的模板

下载好模板放进刚刚的文件夹
在这里插入图片描述
打开github桌面版,出现了刚刚添加的文件
在这里插入图片描述点击Commit to master

在这里插入图片描述push上传

在这里插入图片描述
具体根据个人喜好 DIY

如果照前面的配置需要访问的是在这里插入图片描述
所以要注意,把压缩文件包直接解压到整个文件夹即可

像这样
在这里插入图片描述直接访问 username.github.io即可看到效果!
(就是访问稍稍有点慢)

嫌慢的话,可以用码云gitee搭建博客
在这里插入图片描述

三、进阶 Hexo 炫酷框架

点击下载 Git

一直回车下一步
在这里插入图片描述
里面可能涉及使用到的部分linux命令

pwd
当前所在路径

ls
目录下的文件

ls -l
目录下不隐藏的文件(夹)详细信息

mkdir blog
生成blog文件夹

Hexo是基于Node.js制作的静态static博客,需要用到Node.js里面的npm(node package manager)包管理器来安装插件,用hexo,先装node.js

点击下载 Nord.js
一直下一步安装
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

node -v
npm -v
//查看对应版本

安装Hexo,需要用npm来安装,但国内下载速度慢,所以先用npm安装cnpm工具(国内的淘宝npm镜像源),直接用cnpm来安装!

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v
//来查看版本号验证是否成功

用cnpm安装Hexo

cnpm install -g hexo-cli
hexo -v
//验证是否安装成功

初始化Hexo
必须在一个空文件夹,右键Git Bash Here

hexo init

在这里插入图片描述忽略waring,不用管

hexo s

在这里插入图片描述访问本地4000端口的网址
http://localhost:4000/

在这里插入图片描述
在这里插入图片描述
命令行断开连接

Ctrl+ C

创建编辑文章

在这里插入图片描述

hexo n "第一篇博客文章的名字xx"

/*
cd 到对应路径
vim xx.md
或者直接在本地打开用编辑器,vscode,sublime,notepad++等编辑
*/

hexo clean
//清除记录 

hexo generate
//生成静态网页 hexo g

hexo server
//启动服务 hexo s

修改 _config.yml文件内容如下:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: master

在这里插入图片描述上图错误展示,这个branch: 后面一定要有空格!!否则报错

cnpm install hexo-deployer-git --save  #通过cpnm安装git插件
git config --global user.email 'xxx@xx.com'
//设置之前的注册邮箱(github/gitee的邮箱)
git config --global user.name 'xxx'
//设置用户名(github/gitee的用户名)
hexo d  #部署到github/gitee的远端仓库
//上传时再次输入以上平台的用户名、密码

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

更换主题

git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
// git clone 网址.git themes/主题名

cd themes
ls -l
//查看主题文件夹

cd ..
//回到上层目录

还是更改_config.yml文件
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape
//把theme后面的主题换成需要更改的

hexo clen

hexo g

hexo s
// start a live server

Ctrl + C

hexo d
//deploy 推到远端

在这里插入图片描述
Github上的hexo 主题搜索
推荐的hexo主题
点击官网选择hexo主题

至此,你学习了git,linux小知识,搭建博客,美化等流程!
你已经是个小高手了!

极客风 启动!

Summary:

  1. 抱着试一试的心态,通过这个过程,学习git等各方面的知识
  2. github博客可能对大部分人不是长久之计,百度搜索一般搜不到你做的blog。想要做大,做久,需要购买一个好记的域名,备案。SEO 搜索优化,爬取内容提交——最终面向百度(Google)编程。
  3. 如果你想全方位定制化,可能还需要购买服务器,学习 Worepress等相关建站流程。接着美化界面。做久的话,要续订域名,续费服务器…
  4. 我们过分注重外表装饰了,其实我们应该专注于我们写的内容。写作方便,万事轻松。大部分只需要一个简单好操作的写作平台,简单,综合考虑还是 CSDN 的博客比较好,并且seo搜索做的不错。即使是像我这样的菜鸟从疫情寒假开始写的博客也 居 然 有人看,而且各种小勋章,娱乐blink等等各方面做的都可以。阅读量,粉丝数,等直观体现,激励着你马不停蹄的继续奋笔疾书。美中不足就是,个性化博客的装饰不能设定,(大当然这是会员收费的部分,人家也是要恰饭的对吧,提供这么好的写作编辑平台,虽然基本没啥装饰),有广告(问题不大,用油猴插件,免登录复制,免广告,自动展开啥的),内容有部分限制(没啥大问题)。
  5. 博客园,虽然可以自己在GitHub上找找炫酷酷炫炸天的好看theme,但是seo搜索做的没用CSDN好,而且平台界面有点老了,如果这些界面主题编辑方面更新换代的话,肯定做的很不错。上面阅读量不少,但互动不多。CSDN明显做的好一点
  6. 还有日系blog 挺酷的,就是要懂点日语
  7. 简书,seo搜索做的可以,平台比较简单,可能看到的页面编辑效果不是很好,平台比较杂,不是特别专。(比如CSDN主打技术类博客)
  8. 其他lofter小红书啥的就暂时不说了,感觉技术性的文章不是很多。

待续…

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值