Hexo+OSChina(码云)+git 搭建个人博客

简介: 1). 安装Node2). 安装Git3). 注册码云4). 安装Hexonpm install hexo-cli -g图1.
1). 安装Node
2). 安装Git
3). 注册码云
4). 安装Hexo
npm install hexo-cli -g
img_a919e9f3933c7992797c0f0faf27c996.png
图1.png
5). 在一个空文件夹中初始化hexo
hexo init
img_cf3da1342b5cf357168b4e7cfea253bb.png
图2.png
6). 生成静态页面
hexo g
img_45dae9e5a2385a950292e6f38b3c959f.png
图3.png
7). 启动本地服务
hexo s
img_949b3515a9c22376391626fe8c10aacc.png
图4.png

浏览器输入:http://localhost:4000/ 查看

8). 在码云中创建项目
img_13cf33e2959cd6c8ed117e2e4b292f3b.png
图5.png
9). 获取仓库地址链接

https://gitee.com/mazaiting/blog.git

img_d1f9e147b7d56d2126c139f7b341633e.png
图6.png

10). 修改配置项目根目录_config.yml 文件,修改deploy的值
img_b4f83da51dda9d3ab940dcfd6e553024.png
图7.png
11). 配置用户名和邮箱
git config --global user.name空格+你的码云的名字
git config --global user.email空格+你的码云的邮箱
12). 安装hexo-deployer-git
npm install hexo-deployer-git --save
img_c6387b594c1f2e7f6e03b226428a8d8e.png
图8.png
13). 一键部署
hexo deploy

img_4dcb196e56e45d50f50337dbb186b0f4.png
图9.png

运行后报错,然后执行命令 npm install hexo --save,运行完成后再执行 hexo deploy
img_714ec740930a75debf73d198e3537b9a.png
图10.png

执行成功后:
img_7c927f7cf5bbb911e64e80efd960fac6.png
图11.png

14). 码云文件
img_9e4acd019c07ea5c386546e06311e6da.png
图12.png
15). 使用免费域名

在项目首页 -> 服务 -> Gitee Pages


img_8ebe4b24948397c33f23cd6e88c52b1b.png
图13.png
  • 进入后页面如下图,接下来要先对绑定手机号,点击下方的蓝色设置


    img_938280fefff15fbf2b0e6b4795390829.png
    图14.png
  • 如果已绑定手机号则为该页面,则直接点击启动即可


    img_a3b0bec521b810d5de85ef9b25654877.png
    图15.png
16). 部署成功

成功后界面如下,登陆https://mazaiting.gitee.io/blog即可访问

img_d07c42fdb13da18d007b53b4c0c8fb6c.png
图16.png

17). 问题

此时访问https://mazaiting.gitee.io/blog,会没有样式

img_6ba3d78900a4fd1ad8d752f31c056866.png
图17.png

解决方法:在_config.yml中,修改 root: /root: /<项目名>/(此处默认为 root: /), 然后重新部署。
img_41ea9e8e10ce1db8d5aef6472ae86d7d.png
图18.png

18). 代码下载
目录
相关文章
|
域名解析 JavaScript 开发工具
通过Git Pages+Hexo搭建自己的博客
Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。本文通过实例介绍如何通过Git Pages+Hexo搭建自己的博客。
91 0
|
6月前
|
JavaScript 数据可视化 网络安全
Hexo博客重新部署与Git配置
重装电脑后,作者更新了Hexo与NexT主题。首先,安装了Node.js和git,配置了git的用户信息,并生成SSH密钥。因旧版本导致问题,作者决定重新部署。按照步骤安装Hexo,选择了NexT主题,并安装了多个插件。遇到错误时,通过查阅资料解决了问题。此外,作者自定义了页脚、侧边栏内容,包括访客统计、词云、建站时间等,并更换了背景图,添加了Daovoice聊天界面。参考了多篇教程解决过程中遇到的各类问题。
69 6
|
程序员 开发工具 git
搭建博客可能会用到的 Git 命令|学习笔记
搭建博客可能会用到的 Git 命令|学习笔记
|
开发工具 git
部署hexo遇到报错ERROR Deployer not found: git的解决办法
部署hexo遇到报错ERROR Deployer not found: git的解决办法
532 0
|
Shell 开发工具 git
Git detached HEAD解决方案_张童瑶的博客
利用 游离状态 的那个 版本号创建一个新的分支, git branch xxx 游离版本的版本号。这时,这个新创新的分支的代码就是我们 这个版本号中的代码了。在切换分支到主分支master:git checkout master .。最后 把新创建的那个分支融合到我么你的主分支上,这样游离状态的代码就融合到我们主分支上了。游离状态也解除了。
171 0
|
Shell 开发工具 数据安全/隐私保护
Git之使用GitHub搭建远程仓库
我们需要一个作为服务器的远程仓库!当然搭建一个服务器是需要成本的,为什么不把项目托管到Github上呢?作为开源代码库以及版本控制系统,Github拥有140多万开发者用户。随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首选方法,不需要任何成本,为何不使用呢?本节就来学习如何把我们的代码托管到Github上!
230 0
|
应用服务中间件 开发工具 nginx
搭建自用git服务器
搭建自用git服务器
311 0
搭建自用git服务器
|
Linux 开发工具 数据安全/隐私保护
Linux搭建Git服务器
Linux搭建Git服务器
Linux搭建Git服务器
|
算法 安全 Shell
使用Gitolite搭建Git服务器
Git 服务的管理工具,主要有如下几种。 Gitosis- 轻量级, 开源项目,使用 SSH 公钥认证,只能做到库级的权限控制。目前项目已经停止开发,不再维护。 Gitolite - 轻量级,开源项目
475 0
使用Gitolite搭建Git服务器
|
Ubuntu 安全 Shell
搭建Git服务器
本文参考于廖雪峰老师的博客Git 教程。依照其博客进行学习和记录,感谢其无私分享,也欢迎各位查看原文。 新用户家(home)目录下.shh/authorized_keys存放管理连接到 Git 远程仓
302 0
搭建Git服务器