欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2023-12-24 12:04:03
...

一、简单创建

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

  1. 你github创建的用户名 替换图中的username
    不这样做的问题是,你等下要访问博客地址就是 你的github账户名.github.你设置的名字.github.io 类似这样的多层嵌套,很不舒服
  2. Create repository
  3. 弹出的页面点击Settings
    Github 简单、快速 搭建hexo博客 + 各博客平台比较
  • 进入设置,往下滑呀滑!

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

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

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

  • 没有皮肤就没有灵魂!

  • 同样在Setting页面,往下滑

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

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

  • 提交改变的效果图

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

二、初步配置

点击下载Github 桌面版
Github 简单、快速 搭建hexo博客 + 各博客平台比较Github 简单、快速 搭建hexo博客 + 各博客平台比较
打开本地文件夹,保留.git文件夹,删掉其他的文件

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

下载好模板放进刚刚的文件夹
Github 简单、快速 搭建hexo博客 + 各博客平台比较
打开github桌面版,出现了刚刚添加的文件
Github 简单、快速 搭建hexo博客 + 各博客平台比较点击Commit to master

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

Github 简单、快速 搭建hexo博客 + 各博客平台比较
具体根据个人喜好 DIY

如果照前面的配置需要访问的是Github 简单、快速 搭建hexo博客 + 各博客平台比较
所以要注意,把压缩文件包直接解压到整个文件夹即可

像这样
Github 简单、快速 搭建hexo博客 + 各博客平台比较直接访问 username.github.io即可看到效果!
(就是访问稍稍有点慢)

嫌慢的话,可以用码云gitee搭建博客
Github 简单、快速 搭建hexo博客 + 各博客平台比较

三、进阶 Hexo 炫酷框架

点击下载 Git

一直回车下一步
Github 简单、快速 搭建hexo博客 + 各博客平台比较
里面可能涉及使用到的部分linux命令

pwd
当前所在路径

ls
目录下的文件

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

mkdir blog
生成blog文件夹

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

点击下载 Nord.js
一直下一步安装
Github 简单、快速 搭建hexo博客 + 各博客平台比较

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

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

Github 简单、快速 搭建hexo博客 + 各博客平台比较忽略waring,不用管

hexo s

Github 简单、快速 搭建hexo博客 + 各博客平台比较访问本地4000端口的网址
http://localhost:4000/

Github 简单、快速 搭建hexo博客 + 各博客平台比较
Github 简单、快速 搭建hexo博客 + 各博客平台比较
命令行断开连接

Ctrl+ C

创建编辑文章

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

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

Github 简单、快速 搭建hexo博客 + 各博客平台比较上图错误展示,这个branch: 后面一定要有空格!!否则报错

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

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

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

更换主题

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博客 + 各博客平台比较
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小红书啥的就暂时不说了,感觉技术性的文章不是很多。

待续…

上一篇:

下一篇: