推广 热搜: 百度  搜索引擎  企业  可以  使用  选择  page 

基于 hexo + gitHub/gitee + vercel 上线个人博客

   日期:2024-12-25     作者:326hj    caijiyuan  
核心提示:目录          搭建思路 基于 hexo + gitHub/gitee + vercel 上线个人博客 一、使用hexo框架搭建博客 二、 部

目录

         搭建思路

基于 hexo + gitHub/gitee + vercel 上线个人博客

一、使用hexo框架搭建博客

二、 部署到GitHub 

三、部署到vercel

          这里是我的博客https://yiyamimimi.github.io/

1.选用一个框架进行搭建:hexo、WordPress、typecho……;或自己手写网站

2.使用GitHub page或Gitee Pages进行静态网站托管;或购买云服务器部署;让大家能通过URL访问你的个人网站


1、不想手写网站,那就尝试使用博客框架搭建

Typecho:已多年不更新了

WordPressWordPress 一个动态网站构建工具,通常需要运行在支持 PHP 和 MySQL 的服务器上,GitHub Pages 主要用于托管静态网站,不直接支持运行 PHP 等服务器端脚本语言。可将其托管在官方提供的托管服务上。此外,由于功能强大,需要服务器的内存比较高

hexo比较适合新手在不买服务器的情况下,搭建博客。使用 的人也比较多,主题,插件等也比较丰富。

2、不想购买服务器,可选用GitHub page或Gitee Pages进行静态网站托管

使用GitHub page托管,在国内访问可能会有些困难,可结合Vercel 或 Netlify

Vercel 或 Netlify可对接GitHub仓库,当代码push上去时,可自动构建,同时利用 CDN 来加速全球范围内的静态资源加载

3、综上,我选用的技术如下

  1. hexo+GitHub page+vercel
  2. hexo+Gitee

一、使用hexo框架搭建博客

1、环境配置
安装node.js和git

通过一下命令查看是否安装

node -v
npm -v
git --version

没有安装,则进行安装node.js和git

下载Hexo
 
 2、搭建博客

1、新建文件夹

2、进入git bash 或终端输入命令 初始化项目

 
 

3、运行项目

 
  
 3、选择主题美化博客

hexo提供了大量主题Themes | Hexo

 这里选用shoka进行美化博客

主题主页:https://shoka.lostyu.me/
文档说明:https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/
基本配置: https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/config/
页面配置: https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/display/
依赖插件: https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/dependents/

1、在 Hexo 构建目录下执行 Git bash下载主题。

 


2、让这个主题生效,需要修改全局配置文件 /_config.yml ,把主题改为 shoka 。

 

3、安装依赖并参考文档进行相关配置

 
4、编辑文章

hexo clean、hexo g 、 hexo s 启动项目

二、 部署到GitHub 

1、新建GitHub仓库

GitHub 主页右上角加号 -> New repository

 2、修改 _config.yml 文件
 
3、 上传到GitHub仓库
 

 创建后默认自动启用 HTTPS,博客地址为

本地预览:http://localhost:4000/

三、部署到vercel

vercel

到官网注册 

在关联的 **github **账户中,找到刚才的博客仓库,选择 import

本文地址:http://ww.kub2b.com/tnews/1070.html     企库往 http://ww.kub2b.com/ ,  查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类生活信息

文章列表
相关文章
最新动态
推荐图文
生活信息
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号