云服务器如何搭建网站,做怎样的网站能赚钱吗,网站seo查询站长之家,郴州seo网络优化Hexo是一个基于Node.js的静态网站生成器#xff0c;主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章#xff0c;能够迅速生成静态页面并部署到服务器上。 配置node
使用nvm安装node(v16.13.2)后配置镜像
安装并使用node#xff1a;
nvm install 16.13.2
n…Hexo是一个基于Node.js的静态网站生成器主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章能够迅速生成静态页面并部署到服务器上。 配置node
使用nvm安装node(v16.13.2)后配置镜像
安装并使用node
nvm install 16.13.2
nvm use 16.13.2查看当前node版本
node -v配置镜像
npm config set registry https://registry.npmmirror.com可以通过以下命令查看镜像是否配置成功
npm config get registry配置node
下载express
npm install express -g安装hexo本地环境
npm install -g hexo配置git
生成ssh ssh-keygen -t rsa -C 邮箱地址所有要输入的地方都按回车使用默认值 把密钥添加到github账户中 测试ssh是否绑定成功
ssh -T gitgithub.com输入ssh -T gitgithub.com报错 说明无法通过22端口与github进行ssh连接将ssh连接端口修改为443后测试 ssh -T -p 443 gitssh.github.com说明443端口可以访问但是github不提供shell权限。 在.ssh文件夹下新建config文件没有后缀 config文件 Host github.com
Hostname ssh.github.com
Port 443重新输入sssh -T gitgithub.com测试 本地创建Blog
创建Blog文件夹初始化hexo
hexo init成功后显示 _config.yml站点配置文件 node_modules存储hexo插件的文件 生成本地的hexo页面
hexo s在浏览器输入http://localhost:4000即可访问
上传Blog到GitHub
新建仓库 仓库格式用户名.github.io 一定要是用户名不然后边会报404 这个仓库名将作为github博客的访问地址 修改_config.yml文件
deploy:type: gitrepository: https://github.com/xiaolin0333/xiaolin0333.github.io.gitbranch: main安装hexo-deployer-git自动部署发布工具
npm install hexo-deployer-git --save生成页面
hexo g5. 本地文件上传到Github网页
hexo d上传成功
Butterfly主题
更改主题后可以使用hexo clean hexo g hexo s在本地测试 需要传到github上可以使用hexo clean hexo g hexo d传到GitHub上
下载主题
在Blog根目录下下载
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly安装pug和stylus渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save修改Blog根目录下的_config.yml开启butterfly主题
theme: butterfly在根目录新建_config.butterfly.yml复制butterfly目录下的_config.yml文件到该文件中。 和博客网址关联度较高的设置在Blog根目录下的_config.yml文件中 和主题样式关联度较高的设置在Blog根目录下的_config.butterfly.ym文件中。 发布博客
安装插件
npm i hexo-deployer-git输入命令
hexo new post 新建博客的文章名设置博客个人资料
在_config.yml中设置
# Site
title: xiaolin0333 #标题
subtitle: 欢迎来到小林的博客 #副标题
description: #个性签名
keywords:
author: 小林 #作者
language: zh-CN #语言
timezone: Asia/Shanghai #中国的时区设置导航菜单
在_config.butterfly.yml中设置
menu:# Home: / || fas fa-home# List||fas fa-list:# Music: /music/ || fas fa-music# Movie: /movies/ || fas fa-video主页: / || fas fa-home标签: /tags/ || fa fa-tags分类: /categories/ || fa fa-archive归档: /archives/ || fa fa-folder-open关于: /about/ || fas fa-heart 留言板: /comment/ || fa fa-paper-plane创建文件夹
根据前面设置的导航菜单创建文件夹
标签
hexo new page tags分类
hexo new page categories归档
hexo new page archives关于
hexo new page about留言板
hexo new page comment… 完成啦 我的博客地址
