上海企业响应式网站建设推荐,常用网站开发模式,关键词排名优化如何,fopen wordpress文章目录 1.Hexo安装2.创建博客3.将博客通过GitHub来部署4.更换主题 1.Hexo安装
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown#xff08;或其他标记语言#xff09;解析文章#xff0c;在几秒内#xff0c;即可利用靓丽的主题生成静态网页。搭建Hexo首先要… 文章目录 1.Hexo安装2.创建博客3.将博客通过GitHub来部署4.更换主题 1.Hexo安装
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown或其他标记语言解析文章在几秒内即可利用靓丽的主题生成静态网页。搭建Hexo首先要按照Node.js可以进行官网下载。另外也要确保自己电脑安装了git在Linux系统使用命令sudo apt-get install git安装并配置如用户名和邮箱。 安装Node版本管理工具NVM它可以管理不同的版本
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash在Linux使用NVM管理工具下载将它添加到环境变量中
export NVM_DIR$HOME/.nvm
[ -s $NVM_DIR/nvm.sh ] \. $NVM_DIR/nvm.sh # This loads nvm
[ -s $NVM_DIR/bash_completion ] \. $NVM_DIR/bash_completion # This loads nvm bash_completion安装对应的Node版本
nvm install 20npm默认是国外的镜像源速度比较慢更换国内的淘宝镜像源
npm config get registry
npm install -g cnpm --registryhttps://registry.npmmirror.com使用cnpm来下载Hexo
sudo cnpm install -g hexo-cli现在已经下载完毕Hexo创建一个文件夹来初始化博客如果有错误把这个文件夹删除就可以了。
$ mkdir blog
$ cd blog
$ sudo hexo init
$ sudo hexo s # 启动hexo是一个前台进程,s是server的简写启动好hexo访问本地的4000端口http://localhost:4000/ 有一篇Hello Wolrd博客说明了Hexo搭建博客已经成功了。
2.创建博客
系统默认创建的Hello World文章就有创建文件的指令也可以参考文档 1、创建博客
$ sudo hexo n 我的第一篇文章 # n是new的缩写2、我们可以使用vim使用markdown语法对文章进行编辑markdown参考文档。创建的博客在source/_posts/下。
$ cd source/_posts/
$ sudo vim 我的第一篇文章.md # 打开创建的文件有下面的内容
---
title: 我的第一篇文章
date: 2024-10-14 13:43:27
tags:
---3、对文章更新后重新生成一下
$ sudo hexo clean
$ sudo hexo g # g是generate的缩写最终的结果展示
3.将博客通过GitHub来部署
1、创建个人仓库注意命名方式GitHub用户名.github.io。 2、安装插件
cnpm install --save hexo-deployer-git3、修改配置文件_config.yml 4、执行命令最后通过仓库名就能直接访问到个人博客了如atgiuxi.github.io
$ sudo hexo d5、可能存在的错误 情况一git clone失败的情况。在WLS通过修改/ect/hosts文件添加代理
140.82.121.3 github.com
185.199.110.133 raw.github.com情况二输入密码不能登录在github上settings中生成token来替换密码登录
remote: Support for password authentication was removed on August 13, 20214.更换主题
在github上找一个hexo的主题将它克隆到themes文件夹然后修改_config.yml。
sudo git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape
theme: yilia更换后的主题长这样
