当前位置: 首页 > news >正文

怎么做一个免费的网站一般使用的分辨率是多少dpi?

怎么做一个免费的网站,一般使用的分辨率是多少dpi?,望野古诗带拼音,陇西网站建设 室内设计Hexo‌是一个基于Node.js的静态网站生成器,主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章,能够迅速生成静态页面并部署到服务器上。 配置node 使用nvm安装node(v16.13.2)后配置镜像 安装并使用node: nvm install 16.13.2 n…

Hexo‌是一个基于Node.js的静态网站生成器,主要用于快速搭建博客和个人网站。它使用Markdown语法编写文章,能够迅速生成静态页面并部署到服务器上。


配置node

  1. 使用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
  1. 配置node

下载express:

npm install express -g

安装hexo本地环境:

npm install -g hexo

配置git

生成ssh:

 ssh-keygen -t rsa -C "邮箱地址"

在这里插入图片描述

所有要输入的地方都按回车,使用默认值

把密钥添加到github账户中:
在这里插入图片描述
测试ssh是否绑定成功:

ssh -T git@github.com

输入ssh -T git@github.com报错:
在这里插入图片描述

  1. 说明无法通过22端口与github进行ssh连接,将ssh连接端口修改为443后测试:
ssh -T -p 443 git@ssh.github.com

在这里插入图片描述

  1. 说明443端口可以访问,但是github不提供shell权限。
    在.ssh文件夹下新建config文件(没有后缀)
    在这里插入图片描述
    config文件:
Host github.com
Hostname ssh.github.com
Port 443
  1. 重新输入sssh -T git@github.com测试:
    在这里插入图片描述

本地创建Blog

  1. 创建Blog文件夹,初始化hexo
hexo init

在这里插入图片描述
成功后显示:
在这里插入图片描述

  • _config.yml:站点配置文件
    node_modules:存储hexo插件的文件
  1. 生成本地的hexo页面:
hexo s

在这里插入图片描述
在浏览器输入http://localhost:4000即可访问
在这里插入图片描述

上传Blog到GitHub

  1. 新建仓库:
    在这里插入图片描述

仓库格式:用户名.github.io
一定要是用户名!!不然后边会报404
这个仓库名将作为github博客的访问地址

  1. 修改_config.yml文件:
    在这里插入图片描述
deploy:type: gitrepository: https://github.com/xiaolin0333/xiaolin0333.github.io.gitbranch: main
  1. 安装hexo-deployer-git自动部署发布工具:
npm install hexo-deployer-git --save
  1. 生成页面:
hexo g

在这里插入图片描述
5. 本地文件上传到Github网页:

hexo d

上传成功:
在这里插入图片描述

Butterfly主题

更改主题后,可以使用hexo clean & hexo g & hexo s在本地测试
需要传到github上,可以使用hexo clean & hexo g & hexo d传到GitHub上

下载主题

  1. 在Blog根目录下下载:
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
  1. 安装pug和stylus渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save
  1. 修改Blog根目录下的_config.yml开启butterfly主题
theme: butterfly
  1. 在根目录新建_config.butterfly.yml,复制butterfly目录下的_config.yml文件到该文件中。

和博客网址关联度较高的设置在Blog根目录下的_config.yml文件中;
和主题样式关联度较高的设置在Blog根目录下的_config.butterfly.ym文件中。

发布博客

  1. 安装插件:
npm i hexo-deployer-git
  1. 输入命令:
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

在这里插入图片描述

创建文件夹

根据前面设置的导航菜单创建文件夹

  1. 标签
hexo new page tags
  1. 分类
hexo new page categories
  1. 归档
hexo new page archives
  1. 关于
hexo new page about
  1. 留言板
hexo new page comment

在这里插入图片描述

完成啦:
在这里插入图片描述
我的博客地址

http://www.yayakq.cn/news/338421/

相关文章:

  • 手机网站 建设订阅号怎么做免费的视频网站吗
  • 郑州网站建设q.479185700棒百度竞价推广账户优化
  • 网站名字大全抚顺网站建设公司
  • 常熟网站建设专业的公司wordpress小说主题
  • 网站建设保密条款南同网站建设软件下载
  • flask做的网站如何上传网站优化seo是什么意思
  • wordpress建站原理wordpress 邮箱验证
  • 网站设计论坛推荐国外网站设计
  • 菏泽网站建设公司官网网站服务器租赁多少钱
  • 拥有服务器后如何做网站南京当的网站
  • 江苏公司网站建设公司wordpress文章模板下载
  • 企业网站建设 百度文库太原网站制作电话
  • 余姚市建设局网站深圳十大装修公司品牌排行榜
  • 网站注意事项网推app下载
  • 做坑人网站二维码网站搭建方案
  • 免费学校网站模板html淄博市建设业协会网站
  • 做网站去哪里做好响应式网站开发周期
  • 网站开发任务概述协会网站制作
  • 做直播券的网站有多少钱wordpress文本编辑器插件
  • 网站制作定制18多城市网站设计
  • 北京商场哪个便宜又好北京搜索优化排名公司
  • 做钓鱼网站视频教程成都网络推广哪家好
  • 阿里域名注册网站深圳网站seo哪家快
  • 广东建设继续教育网站广州网站外包
  • 网站建设汕头wordpress网站app
  • 怎么自己制作属于自己的网站做网站前台用什么问题
  • 北大荒建设集团网站微软雅黑做网站是否侵权
  • 深圳网站建设价钱俄罗斯门户网站有哪些
  • 网站做不做百度云加速北京南站官网
  • iis 网站设置深圳比较好的设计工作室