npm 如何卸载swiper_如何快速搭建个人网站？

news/2024/5/13 7:45:07/文章来源:https://blog.csdn.net/weixin_39534002/article/details/112429124

作者 l 白色蜗牛

来源 l 蜗牛互联网(ID: woniu_internet)

转载请联系授权(微信ID: 919201148)

近期精彩文章：福利！iPhone 256G免费送

前言

建网站本身是一个很大的工程，涉及前端页面的搭建，网站数据的存储，还要购置服务器资源，甚至是后期的维护，过程相当繁琐。

不过如果仅仅是想搭建个人的网站，写写博客，想要美观，又不想操心太多和写博客无关的事情。那么，Hexo + Kaze + Gitee Pages 的方式就很适合你。

本文就讲下如何借助这三样免费的技术或服务，来搭建一个可访问的静态博客网站。

6506e75b6cd4c099b4daa9e348bdadcf.png

Hexo 简介

Hexo 是什么？

Hexo[1] 是一个快速，简单且功能强大的博客框架。如果你用 Markdown 写博客，Hexo 可以在几秒内生成带有精美主题的静态文件。

Hexo 安装

前置要求

  • Node.js(版本 10.13 以上，建议使用 12.0 以上版本)
  • Git

安装 Git

  • Windows：下载并安装 git[2]。
  • Mac：使用 Homebrew[3] 安装。
  • Linux(Ubuntu，Debian)：sudo apt-get install git-core
  • Linux(Fedora，Red Hat，CentOS)：sudo yum install git-core

安装 Node.js

Node.js 为大多数平台提供了 官方安装程序[4]。

替代安装方法：

  • Windows：使用 nvs[5] 安装它。
  • Mac：使用 Homebrew[6] 安装。
  • Linux(基于 DEB / RPM)：与 NodeSource[7] 一起安装。
  • 其他：通过相应的软件包管理器进行安装。请参阅 Node.js 提供的指南[8]。

安装 Hexo

用 npm 安装 Hexo。

npm install -g hexo-cli
761ccc4ddb368207d7a66eb4c7c24f55.png

使用以下指令查看是否安装成功。

hexo version
f3d6ba083dc44acf8dcfc776652227d9.png

如果你想卸载 Hexo，使用以下指令：

npm uninstall -g hexo-cli

运行 hexo

安装后，你可以通过 hexo 运行 Hexo。比如通过 hexo help 指令来获取使用帮助。

hexo help
f525b029e718073c74a0a96d54848a9e.png

帮助里提到 hexo init 命令可以创建一个新的 Hexo 文件夹，这个文件夹其实就是利用 Hexo 生成的站点信息了。接下来讲下怎么建站。

Hexo 建站

初始化操作

使用 hexo init 指令就可以在指定文件夹下建立站点信息，我一般用域名做名称，如下：

hexo init java4u.cn

站点初始化中：

0e34f2880f59405230b92174fd649709.png

站点初始化完成，会生成指定的文件夹：

459d908f25ac1204256edc82dbdc0961.png

目录结构

进入该站点，我们看下目录结构，如下：

4f030c5d5e1aa38153128ede86310e39.png

这些文件有着各自的职责：

  • _config.landscape.yml：自定义的主题配置文件，此处的 landscape 是默认主题。配置其他主题可以参考这种方式。
  • _config.yml：站点全局的配置文件。
  • node_modules：node 模块文件夹。包含可执行文件和依赖的资源。
  • package-lock.json：node_modules 文件中所有模块的版本信息，模块来源。
  • package.json：Hexo 框架的基本参数信息以及它所依赖的插件。
  • scaffolds：scaffolds 原意是脚手架，这里可以理解为模板文件夹。当你创建新的文章时，Hexo 会根据该文件夹下的对应文件进行初始化构建。
  • source：资源文件夹。这里是你放自己资源比如博文和图片的地方。_posts 文件夹下的 Markdown 和 HTML 文件会被解析并放到 public 文件夹下。其他文件或文件夹，如果开头命名不是 _ (下划线)，也都会被拷贝过去。
  • themes：主题文件夹。Hexo 会根据主题来生成静态页面。

基于这样的结构，Hexo 就具备了生成静态网站的能力。

本地启动

我们先本地启动，看下实际效果。输入以下命令：

hexo server
860d806c7043c0bfe880f9c758c33f6a.png

Hexo 会启动服务，将默认生成的网站运行在本机的 4000 端口上，可以直接访问 http://localhost:4000 就能看到网站首页，它基于默认主题生成，同时有一篇默认文章。

65f22748d3750b9c542e48699af01df7.png

这个页面只是官方提供的一个样例，看到它就意味着你本地环境跑通了。我们可以通过修改配置的方式，对页面相关元素做调整。

核心配置

以下是我们需要了解或者修改的配置信息。

package.json

这个文件列出了 Hexo 的基本参数信息以及它所依赖的插件。可以看到，EJS[9]，Stylus[10] 和 Markdown[11] 渲染器都是默认安装的。

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": ""
  },
  "dependencies": {
    "hexo": "^5.0.0",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-index": "^2.0.0",
    "hexo-generator-tag": "^1.0.0",
    "hexo-renderer-ejs": "^1.0.0",
    "hexo-renderer-marked": "^3.0.0",
    "hexo-renderer-stylus": "^2.0.0",
    "hexo-server": "^2.0.0",
    "hexo-theme-landscape": "^0.0.3"
  }
}

如果后边要切换主题，记得把最后一个默认的主题依赖删除掉。

_config.yml

可设置网站、网址、目录、文章、分类&标签、日期/时间格式、分页和扩展等信息。

网站
d279104bd8aac3ded8ce3fe2dead9959.png
参数描述
title网站标题
subtitle网站副标题
description网站描述，用于 SEO
keywords网站的关键词，支持多个关键词。
author文章作者。
language网站使用的语言。对于简体中文用户来说，使用不同的主题可能需要设置成不同的值，请参考你的主题的文档自行设置，常见的有 zh-Hans和 zh-CN。
timezone网站时区。Hexo 默认使用你电脑的时区。请参考 时区列表[12] 进行设置，如 America/New_York, Japan, 和 UTC 。一般的，对于中国大陆地区可以使用 Asia/Shanghai。
URL
5dfca4da78e8579a239aa1f5a408252b.png
参数描述默认值
url网址, must starts with http:// or https://http://example.com
root网站根目录，如果放子目录，设置 /blog//
permalink文章的 永久链接[13] 格式:year/:month/:day/:title/
permalink_defaults永久链接中各部分的默认值
pretty_urls改写 `permalink`[14] 的值来美化 URL
pretty_urls.trailing_index是否在永久链接中保留尾部的 index.html，设置为 false 时去除true
pretty_urls.trailing_html是否在永久链接中保留尾部的 .html, 设置为 false 时去除 (对尾部的 index.html无效)true
目录
d9122da9ee4d02f8055737b15e9eafeb.png
参数描述默认值
source_dir资源文件夹，这个文件夹用来存放内容。source
public_dir公共文件夹，这个文件夹用于存放生成的站点文件。public
tag_dir标签文件夹tags
archive_dir归档文件夹archives
category_dir分类文件夹categories
code_dirInclude code 文件夹，source_dir 下的子目录downloads/code
i18n_dir国际化(i18n)文件夹:lang
skip_render跳过指定文件的渲染。匹配到的文件将会被不做改动地复制到 public 目录中。
文章
3bbc6e8f44d5172d697a80b76e966c7e.png
参数描述默认值
new_post_name新文章的文件名称:title.md
default_layout预设布局post
auto_spacing在中文和英文之间加入空格false
titlecase把标题转换为 title casefalse
external_link在新标签中打开链接true
external_link.enable在新标签中打开链接true
external_link.field对整个网站(site)生效或仅对文章(post)生效site
external_link.exclude需要排除的域名。主域名和子域名如 www 需分别配置[]
filename_case把文件名称转换为 (1) 小写或 (2) 大写0
render_drafts显示草稿false
post_asset_folder启动 Asset 文件夹[15]false
relative_link把链接改为与根目录的相对地址，建议使用绝对地址。false
future显示未来的文章true
highlight代码块的设置, see Highlight.js[16] section for usage guide
prismjs代码块的设置, see PrismJS[17] section for usage guide
分类 & 标签
6c07e3a5ee7d765660ea703a4c1b85f5.png
参数描述默认值
default_category默认分类uncategorized
category_map分类别名
tag_map标签别名
日期/时间格式
38c5ead3c35c8bf6c054c10cd3b89dc9.png

Hexo 使用 Moment.js[18] 来解析和显示时间。

参数描述默认值
date_format日期格式YYYY-MM-DD
time_format时间格式HH:mm:ss
updated_option当 Front Matter 中没有指定 `updated`[19] 时 updated 的取值，支持 mtime(文件最后修改时间)，date(使用 date 的值)，empty(不指定)mtime
分页
02010fce202120059ab6cb7f963327a7.png
参数描述默认值
per_page每页显示的文章量 (0 = 关闭分页功能)10
pagination_dir分页目录page
扩展
d9660a187ef28e3affd337419f4b3e72.png

【主题】

参数描述默认值
theme当前主题名称。值为false时禁用主题landscape
theme_config主题的配置文件。在这里放置的配置会覆盖主题目录下的 _config.yml 中的配置无初始配置
deploy部署部分的设置
meta_generatorMeta generator[20] 标签。值为 false 时 Hexo 不会在头部插入该标签true

【部署】

配置如下：

deploy:
  type: git
  repo:  #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
  branch: [branch]
  message: [message]
参数描述默认
repo库(Repository)地址
branch分支名称gh-pages (GitHub) coding-pages (Coding.net) master (others)
message自定义提交信息Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }})
tokenOptional token value to authenticate with the repo. Prefix with $ to read token from environment variable

常用指令

创建文章

使用以下指令：

hexo new "test"

或者简写：

hexo n "test"
35a00ff3aab5a89e4909db2db932c8a9.png

运行服务器

输入以下命令以启动服务器，你的网站会在 http://localhost:4000 下启动。在服务器启动期间，Hexo 会监视文件变动并自动更新，你无须重启服务器。

hexo server

或者简写：

hexo s
6be3d818ee1936128ab7782864bafca2.png

生成静态文件

hexo generate

或者简写

hexo g

监视文件变动立即重新生成。该操作会阻塞命令。

hexo g --watch

生成完毕后自动部署网站。

hexo generate --deploy

部署

Hexo 提供了快速方便的一键部署功能，让你只需一条命令就能将网站部署到服务器上。

hexo deploy

或者简写为：

hexo d

Hexo 主题

为什么选择 Kaze

Hexo 默认主题为 landscape，但我觉得不够美观，这里推荐 kaze[21] ,它有以下特性：

  • 响应式设计，适配桌面端、平板、手机等各种设备

  • 前端性能优化，加载快速，眨眼之间即可加载完成

    • 图片懒加载，应用懒加载技术加快页面的生成速度
    • 资源压缩，提升本地资源请求速度
    • 精简设计，不包含 Jquery 等额外库

  • 支持侧边栏小组件，例如最近文章，作者卡片

  • 暗黑模式，享受黑夜的魅力

  • 代码高亮，支持 prismjs

  • 公式渲染，支持 katex 和 mathjax

  • 评论系统，集成 valine、gitalk 和 livere

  • 访问量统计和谷歌分析支持

安装 Kaze

在 your site/themes 下输入

cd themes
git clone https://github.com/theme-kaze/hexo-theme-Kaze.git
ecff454d97ae14b3642d6e9ea593d384.png

安装成功后，会生出目录：hexo-theme-Kaze。

修改站点配置文件 _config.yml 下的主题值为：hexo-theme-Kaze。

1b86f8662b1129d10e90a5ef2440edbe.png

用 hexo server 启动 Hexo 服务看下效果。

9c025953850c5d7a397801c826526a4d.png

会看到已经生成了默认的主题，只是很多东西都没有，需要改造一下。

主题配置

可在该主题目录下的 _config.yml 文件里配置。

主题颜色

在 color 中进行配置，以下是默认值。

color:
  text-color: "#3c4858"
  text-strong-color: "#2f3d4e"
  text-light-color: "#909faf"
  divider-color: "#e6e8ee"
  title-color: "#475b6d"
  link-color: "#3273dc"
  link-hover-color: "#6596e5"
  info-text-color: "#909faf"
  widget-background-color: "#fff"
  body-background-color: "#f2f5f8"
  border-color: "#e1e4e9"
  pre-color: "#2d2d2d"
  code-color: "#50687c"
  code-background-color: "#e9eaf0"

字号与字体

在 font 中进行配置，以下是默认值。

font:
  font-size: 16px # global font-size
  font-family: '-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif' # global font-family

站点访问量统计

访问量统计目前仅支持不蒜子，默认关闭，可统计站点总访问量和总访客数。

footer:
  #------------------------
  # pv / uv statistics config
  #------------------------
  statistics:
    enable: false
    type: busuanzi # now version only supports busuanzi
    pv:
      enable: true
      style: 本站总访问量{}次 # the style will be shown as $1{pv}$2
    uv:
      enable: true
      style: 本站总访客数{}次 # the style will be shown as $1{uv}$2

数据分析

analytics:
  enable: false
  type: google # google
  google:
    id:

enable 开启分析支持(默认关闭)

type 目前仅支持 google

google.id 有关谷歌分析的具体使用说明和 id 使用可以参考谷歌文档[22]

首页

文章头图

在文章 Front-matter 中 banner_img 可以设置首页头图

小组件
widgets:
  showWidgetsMobiles: "none"

showWidgetsMobiles : 在窄屏幕上是否显示小组件，none 关闭(默认)，flex 开启

关于

关于页面需要自行创建，在站点 source 中新建 about 文件夹并在文件夹内创建 index.md，该文件至少需要包含

# at ${yoursite}/about/index.md
---
title: 关于
layout: about
---
社交链接

在 about 下的 social_links中进行配置，主题图标依赖于 iconfont[23]，Hexo 内置了一部分社交图标，你可以自定义其他 icon 文件或者解决方案来添加自定义图标。

about:
  description: description
  social_links:
    - { icon: icon-github, link:  https://xxx}
    # - { icon: icon, link: your link }
7479136a1b504e0ecd99a7efc0ce71cf.png

友链

友链格式按如下填写即可生成友链页面

links:
  example-name-1:
    url: https://example.com
    avatar: https://example.com/avatar.jpg
  example-name-2:
    url: https://example.com
    avatar: https://example.com/avatar.jpg

文章页

搜索功能
search:
  enable: true
  path: search.json
  field: posts
  searchContent: true
  • enable 开启搜索功能(默认开启)
  • path 文件名称(暂无用处)
  • field 需要搜索的范围，支持 posts | pages | all
  • searchContent 搜索文件是否包含正文内容(不建议开启，包含所有文章内容这样会使得搜索文件异常巨大)替代方案是搜索分类标签或使用 algolia 等第三方搜索服务(Todo)
目录

主题目录通过 Hexo 原生函数生成，具体可参见 文档[24]

toc:
  showListNumber: false
  maxDepth: 6
  minDepth: 1

showListNumber 是否生成编号

maxDepth TOC 最大深度

minDepth TOC 最小深度

代码高亮

参见代码 高亮文档[25]

数学公式

主题支持 mathjax 和 katex 两种渲染引擎，具体参见 相关文档[26]

copyright

copyright:
  enable: true
  writer: # if writer is empty we will use config.author as writer
  declare: 本博客所有文章除特别声明外，均采用"_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">CC BY-NC-SA 4.0 协议。转载请注明出处！
  style: warning

enable 开起版权说明(默认开启)

writer 作者id，如果不填则会使用主题配置 author 或站点配置 author

declare 版权声明具体内容，支持 html 语句

style 声明内容样式，与 note 样式相同

版权内容有三部分：作者、文章链接、版权声明

作者使用 writer 参数，文章链接基于站点配置文件中url参数生成，版权声明使用 declare 参数

Front-matter

banner_img

设置文章与首页头图

banner_img_set

在图片加载时预先加载的图片，可以设置为 loading 图或缩略图等

excerpt

为文章设置在首页显示的简介，还可以通过 来控制显示

评论

支持 valine，gitalk 和 livere

具体设置可参考主题配置文档说明和相关评论插件文档

字数统计

主题集成 hexo-wordcount[27] 插件，在主题配置文件中设置

wordcount:
  enable: true

开启(默认开启)

图片画廊

图片画廊功能基于 fslightbox[28]，在主题配置文件中设置

fslightbox:
  enable: true

开启(默认开启)

标签插件

主题集成了一些标签方便书写

note

在 markdown 文件中如下书写即可

{% note style %}
...markdown content
{% endnote %}

有五种样式可以选择，primary，success，info，warning，danger

f5fd23099f8f9c77d274082bc575acc6.png

备案信息

你可以在主题配置文件内增加备案信息。

footer:
  #------------------------
  # 备案配置
  # 请将公安备案的缩略图置于 ${yoursite}/img/beian.png
  RecordInfo: "" # '某ICP备xxx号'
  govRecordInfo: "" # '某公网安备xxx号'
  govRecordUrl: "" # 公网安备案信息地址
  #------------------------

站点托管

为什么选择 Gitee Pages

GitHub 和 Gitee 都提供免费的静态网页托管服务。我们可以使用 GitHub Pages 或 Gitee Pages 托管博客、项目官网等静态网页，这样就省去了购买服务器的钱，也不需要耗费太多精力维护。

GitHub Pages 使用很广泛，我之前也用过，不过访问不够稳定，会影响页面加载速度。Gitee 是国内版的 GitHub，访问速度优秀，并且国内发展势头不错，因此我选取 Gitee Pages 来托管我的网站。

建立仓库

申请一个 Gitee 账号，创建一个新的仓库，仓库名尽量和账号名一致，这样可以避免一些因为路径引发的问题。

d879638554d56c790670ae2fc5944338.png

然后在仓库首页服务一栏开启 Gitee Pages 服务。

bbeaefa8d97f9cd427b4de83816486af.png

开启后，你就拥有了专属的二级域名网址。

注意：仓库内容有变化，需要手动触发更新，页面才能真正生效。

连接仓库

一、安装 hexo-deployer-git[29]。
npm install hexo-deployer-git --save
0ec8dae649159d9e446877d291483ddd.png
二、修改配置。
deploy:
  type: git
  repo: git@gitee.com:java4u/java4u.git

注意上面的 repo 地址并不是仓库的地址，而是你下载/克隆项目时弹出的那个地址，type 如果是 git 就选择 SSH。

730c19f417acb60935bd5fb560c08b49.png
三、生成/添加 SSH 公钥

Gitee 、GitHub 提供了基于 SSH 协议的 Git 服务，在使用 SSH 协议访问仓库仓库之前，需要先配置好账户/仓库的 SSH 公钥。

先看下自己有没有配置过用户名和邮箱：

git config --global user.name
git config --global user.email
1693d29d320606820a391b4af6aa8bb2.png

如果没有就做下配置：

# 设置邮箱
git config --global user.email *********@qq.com

# 设置用户名
git config --global user.name '****'

然后本地生成 SSH 公钥，邮箱为刚配置好的账户：

ssh-keygen -t rsa -C yong__1994@163.com

生成后可查看 SSH 公钥：

cat ~/.ssh/id_rsa.pub

复制公钥去 Gitee 粘贴，添加。

0441028faea839eb60f09083e455420c.png

测试是否连接成功：

ssh -T git@gitee.com
86afb3e4f74458ffc37c23848f65641e.png

上传仓库

执行部署命令，即可将本地资源上传远程仓库。

hexo d
a4f082ef518b9ef625d86530ccb16da6.png

手动更新

远程仓库虽然可以看到提交记录，但静态网站不会感知到实时变更，需要去 Gitee Pages 服务页面做下更新。

ed8fea4c50b78e7d3faf6feac2549530.png

稍等片刻，访问 https://java4u.gitee.io/ 即可看到 Hexo 结合 kaze 主题搭建的静态网站。点击文章底部「阅读原文」也可以直接访问。

546ff111551238a556105fbf52eadb6d.png

参考资料

[1]

Hexo: https://hexo.io/docs/

[2]

git: https://git-scm.com/download/win

[3]

Homebrew: https://brew.sh/

[4]

官方安装程序: https://nodejs.org/en/download/

[5]

nvs: https://github.com/jasongin/nvs/

[6]

Homebrew: https://brew.sh/

[7]

NodeSource: https://github.com/nodesource/distributions

[8]

指南: https://nodejs.org/en/download/package-manager/

[9]

EJS: https://ejs.co/

[10]

Stylus: http://learnboost.github.io/stylus/

[11]

Markdown: http://daringfireball.net/projects/markdown/

[12]

时区列表: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

[13]

永久链接: https://hexo.io/zh-cn/docs/permalinks

[14]

permalink: https://hexo.io/zh-cn/docs/variables

[15]

Asset 文件夹: https://hexo.io/zh-cn/docs/asset-folders

[16]

Highlight.js: https://hexo.io/docs/syntax-highlight#Highlight-js

[17]

PrismJS: https://hexo.io/docs/syntax-highlight#PrismJS

[18]

Moment.js: http://momentjs.com/

[19]

updated: https://hexo.io/zh-cn/docs/variables#页面变量

[20]

Meta generator: https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta#属性

[21]

kaze: https://demo.theme-kaze.top/

[22]

谷歌文档: https://analytics.google.com/

[23]

iconfont: https://www.iconfont.cn/

[24]

文档: https://hexo.io/docs/helpers#toc

[25]

高亮文档: https://demo.theme-kaze.top/highlight/

[26]

相关文档: https://demo.theme-kaze.top/latex/

[27]

hexo-wordcount: https://github.com/willin/hexo-wordcount

[28]

fslightbox: https://fslightbox.com/

[29]

hexo-deployer-git: https://github.com/hexojs/hexo-deployer-git

看完是不是觉得自己也可以很快搭好个人网站了？如果对你有用的话，可以给我点个赞，分享给身边朋友，非常感谢读者朋友，也欢迎关注我，我会分享更多优质原创内容。

推荐阅读：读书无用？狗屁！！送一台iPhone8 256G赶快卸载！这个18个流氓软件！戳「阅读原文」，带你认识一个开滴滴的CEO

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.luyixian.cn/news_show_732115.aspx

如若内容造成侵权/违法违规/事实不符，请联系dt猫网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

如何用oracle分析网站,使用外部表分析eygle.com的网站访问日志

如何用oracle分析网站,使用外部表分析eygle.com的网站访问日志

使用外部表分析eygle.com的网站访问日志经过使用Oracle的外部表对Oracle的警告日志文件、跟踪文件进行获取和分析之后，我发现外部表实在是非常易用，甚至到了随心所欲的境地(当然外部表尚不能修改外部文件)。使用外部表可以很容易的实现网站的访问日志分析…
阅读更多...
modelandview跳转页面404_超快排：在百度搜索引擎网站404页面怎么做？

modelandview跳转页面404_超快排：在百度搜索引擎网站404页面怎么做？

我们平时在百度搜索引擎网站的时候遇到过打开之后是错误页面，这些页面有提示可以返回之前页面和首页。为什么网站会有这样的页面呢？这是因为网站设置了404页面。我们在做百度搜索引擎SEO排名优化的时候，往往只注意网站结构专注与如何排名提高…
阅读更多...
asp.net网站作为websocket服务端的应用该如何写

asp.net网站作为websocket服务端的应用该如何写

最近被websocket的一个问题困扰了很久，有一个需求是在web网站中搭建websocket服务。客户端通过网页与服务器建立连接，然后服务器根据ip给客户端网页发送信息。 其实，这个需求并不难，只是刚开始对websocket的内容不太了解。上网搜索…
阅读更多...
java web 社区_我的第一个javaweb----模仿社区网站（二）

java web 社区_我的第一个javaweb----模仿社区网站（二）

项目分层在写后台之前我给分了四层，每一层负责不同的功能，如图. 前端页面层：也就是浏览器展示给人看的，直接与人交互的界面. servlet层：受理前端页面发来的数据，由它接受前端发来的请求(request)做出不同的…
阅读更多...
老榕智能建站软件_教你把网站建设得更好上线了智能建站系统

老榕智能建站软件_教你把网站建设得更好上线了智能建站系统

对于不懂技术、没有太多资金的个人和中小企业来说，要想生成自己的网站，就需要用到智能建站系统。智能建站比较简单，小白也能很快上手，不过这并不意味着你就可以随随便便搭建了。实际上，若想顺利建设出一个有用的网站&a…
阅读更多...
vba获取正在运行网站的源码_VBA教程连载——第三节：如何运行宏

vba获取正在运行网站的源码_VBA教程连载——第三节：如何运行宏

宏的运行方式有以下几种：第一种，自我录制运行打开开发工具-自己去录制一个宏，然后给它命名，录制完成后运行。至于具体怎么录制，我们下节课再细谈。注意：内置宏的表格，一般是没法直接保存的&…
阅读更多...
html seo 优化,SEO优化中常见的四种html标签作用

html seo 优化,SEO优化中常见的四种html标签作用

对于SEOer来说，在HTML代码中，使用一些标签，更利于搜索引擎蜘蛛的读取，适当布局一些优化标签，可能会有意想不到的结果。下面就列举几个标签的妙用。1.标题标签。在网页html代码中 h1 标签是定义最大的标题。在整个页面中…
阅读更多...
Nginx学习四：静态网站部署

Nginx学习四：静态网站部署

文章目录第一步：通过Xftp将ace-master到linux服务器/opt/static目录下，为了演示方便，将名字改为ace第二步：修改nginx.conf配置文件在server中第三步：重启nginx服务器第四步：成功访问测试：通过ht…
阅读更多...
php网站怎么做集群,如何构建一个网站集群 - 简庆旺个人博客|PHP教程|PHP学习|Python学习|Python教程|Seo学习|Seo教程...

php网站怎么做集群,如何构建一个网站集群 - 简庆旺个人博客|PHP教程|PHP学习|Python学习|Python教程|Seo学习|Seo教程...

网站业务大了，可能就需要一个集群，来保障业务的稳定性，我根据自己的学习工作经验，做了下总结。一：DNS负载均衡dns轮询，自动把流量分散到不同的服务器，避免单个服务器挂了。比如用的dnspod&#…
阅读更多...
提高网站转化率——页面停留时间与网站停留时间

提高网站转化率——页面停留时间与网站停留时间

一、页面停留时间与网站停留时间是如何计算出来的？ 假设用户访问了网站的主页（Home）。分析工具将这个访问者标记为一个Visit，接着这个访问者又浏览了另外两个页面（Page2和Page3），然后他离开了你…
阅读更多...
4种黑帽SEO手法

4种黑帽SEO手法

1、斗篷法（Cloaking） 为什么叫斗篷法呢？可能是因为只能看到斗篷，而不能看到真面目的意思吧！ 斗篷法指站长将一个网页用两个不同版本的页面，一个版本给搜索引擎看，一个版本给用户浏览。而搜索引…
阅读更多...
数据采集与网站统计实现全过程

数据采集与网站统计实现全过程

做网站统计首先要有数据，数据从何而来？这需要网站要记录客户所访问的轨迹，记录用户访问每个页面的流向，给网站加过百度统计与cnzz的站长们估计都清楚，要想对某个页面进行统计，就要在该页面上加上统计代码&a…
阅读更多...
php网站优化简书,记一次PHP优化案例

php网站优化简书,记一次PHP优化案例

Lnmp网站服务器架构,其实就是Linuxnginxmysqlphp架构体系eg：后台访问很慢，而且有时候出现502错误。一、案例分析。我们可以想到，既然是访问缓慢，有时候直接访问不了，以前是没问题的，到现在就突然出现了问题…
阅读更多...
网站漏洞扫描工具_网站目录扫描工具

网站漏洞扫描工具_网站目录扫描工具

目录御剑dirbusterWebdirscan网站后台扫描工具都是利用目录字典进行爆破扫描，字典越多，扫描到的结果也越多。常用的网站后台扫描工具御剑、dirbuster和Webdirscan，不管哪个工具，要想扫描到更多的东西，都必须要有一个强…
阅读更多...
匀速建站 华为云_紫虎5G云网站：5G回转，不止是快捷建站，新兴的SEO模式也在崛起...

匀速建站 华为云_紫虎5G云网站：5G回转，不止是快捷建站，新兴的SEO模式也在崛起...

最近，5G时代的推动正在如火如荼进行中，今天一大早就有爆料说，继去年年底推出面向企业的5G商用网络后，韩国三大电信运营商4月5日起正式开始为大众办理5G手机入网手续，韩国由此成为全球率先对普通用户开通5G商用网络的国…
阅读更多...
python 网页设计_GitHub - leiphp/Django-myblog: Django入门与实践--Python制作个人博客网站，一个Python的高级Web框架，功能非常强大。...

python 网页设计_GitHub - leiphp/Django-myblog: Django入门与实践--Python制作个人博客网站，一个Python的高级Web框架，功能非常强大。...

Django-myblog Django入门与实践--Python制作个人博客网站，一个Python的高级Web框架，功能非常强大，下面是项目预览，随便找了一套前端模板，目前只做了主页和文章页的界面。 项目预览开发环境 1.Python 2.Django 3.编辑器…
阅读更多...
网站打不开显示access denied_果汁排行榜-一个宝藏网站

网站打不开显示access denied_果汁排行榜-一个宝藏网站

果汁排行榜一个宝藏网站，把互联网上的各大热搜榜，排行榜汇聚在了一网站。可以查阅搜索实时热点，影视，音乐，摄影，财富，游戏等各领域热门排行榜单。果汁排行榜 [http://guozhivip.com/rank/]
阅读更多...
html站点根目录怎么改,通过重定向把子目录设置为网站根目录

html站点根目录怎么改,通过重定向把子目录设置为网站根目录

摘要：如果想在一个项目内对于不同的文件夹使用不同的域名来访问，我们需要把这些文件夹单独设置成根目录并绑定域名，但对于虚拟服务器用户来说，这并不容易实现，因为一般的虚拟服务器是没有这样的功能的，但我…
阅读更多...
前端性能优化（七）-页面性能优化之优化清单——编码、解码形成DOM树的过程 优化关键渲染路径 JS性能在线测试网站 性能优化-参考资料

前端性能优化（七）-页面性能优化之优化清单——编码、解码形成DOM树的过程 优化关键渲染路径 JS性能在线测试网站 性能优化-参考资料

前端性能优化（七）-页面性能优化之优化清单——编码、解码形成DOM树的过程 & 优化关键渲染路径 & JS性能在线测试网站 & 性能优化-参考资料 编码、解码形成DOM树的过程 浏览器从网络或硬盘中获得HTML字节数据后会经过一个流程将字节解析为D…
阅读更多...
怎样对java网站进行简单修改_javaweb简单的增删改查之“加”

怎样对java网站进行简单修改_javaweb简单的增删改查之“加”

我相信对每一个初学者来说能有一个好的教程真的帮助非常大，虽然我也只是一个初学者，我相信我所学到的转化为自己的语言对大家会有帮助1.连接数据库public class Databass {public static String db_url "jdbc:mysql://localhost:3306/blog?charac…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站 广利置业