# CY-Web 专题接入 人人都有网站 云上建站 云服务开通啦！
*CY-Web*
点击开始吧！！CY-Web 是一个展示文章前端项目，其可以直接部署到 diskMirror 中，不需要建立后端，能够接入到 [LYMBL](http://www.lingyuzhao.top "LYMBL") 专题的模块。
## 目录
[TOC]
# CY-Web
CY-Web 是一个数据展示网站，能够完美的对接到 [LYMBL](http://www.lingyuzhao.top "LYMBL") 的私人或公共板块，您可以直接将网站部署到盘镜云！不用担心，操作很简单，在这里有详细的说明！！！
## 如何部署？
### 下载网站项目文件
您可以在这里点击 ,下载前端项目的软件包！
| 版本号 | 发布时间 | 下载按钮 |
| :------------: | :------------: | :------------: |
| v1.0.8 | 2024-11-25 | [《Article/Files/CY-Web.war》](https://diskmirror.lingyuzhao.top/DiskMirrorBackEnd/FsCrud/downLoad/30/Binary?fileName=Article/Files/38498944/CY-Web1.0.8.war) |
### 将 war 文件上传到盘镜中
您在盘镜中挑选到一个盘镜目录，然后直接将您下载的 `*.war` 上传，上传之后盘镜会自动解压并开始部署，之后您可以直接访问您的盘镜CY-Web目录中的`index.html`，它将会变为一个网站服务！
下面是视频教程！
<video src='https://diskmirror.lingyuzhao.top/DiskMirrorBackEnd/FsCrud/downLoad/30/Binary?fileName=Article/Video/1712545342698.mp4' style='width:50vw' controls/>
## 修改网站的配置 映射到您期望的专题【如果需要的话】
当从官网上下载好文件之后，所有的配置都是默认的，它会自动的对接 `CY-Web` 专题。如果您需要对接其它专题，请按照下面的教程来操作！
### 创建一个专题叫做 CY-Web
> 您下载的包是直接对接好 CY-Web 的，您可以修改您需要的专题的名字 这里就是一个创建专题的示例。
我们需要可以直接通过写文章的方式，来把想要的专题创建好，当然，您也可以直接使用已经存在的专题！
### 准备好专题名称和专题链接
专题名称我们知道了，叫做 `CY-Web` 只需要在写文章界面指定一下专题名称，然后发一篇文章就可以创建专题啦！
接下来就是获取专题链接，在专题界面中有一个分享的小图标，点击它之后我们会获取到专题的链接。例如 `https://www.lingyuzhao.top/?/linkController=/articleController&link=-65188883&mark=topic` 这个可以用来对接到写文章按钮的点击事件！
### 找到网站的配置文件进行下载和编辑
您需要在盘镜中找到配置文件，并将配置文件下载到本地进行修改，修改之后再重新上传
> 您 可以直接在 `web/js/conf` 目录中修改配置文件`index_config.js`，配置如下所示
>下面所展示的配置中 您如果需要快速的对接 只需要修改专题名字 以及 专题链接就好啦，注释是很详细的！
```
// 首页加载相关的配置
const index_config = {
// 网站的标题 TODO 这里您可以修改
title: 'CY-Web',
// 没有文章的时候要展示什么 TODO 这里的展示内容您可以修改！
welcome: `您现在可以写些文章啦，点击这里前往写文章界面!!!`,
// 文章的大图要展示的图片 TODO 这里您可以修改
bigImageUrl: 'image/bigImage.jpg',
// 网站的欢迎按钮块点击之后的函数 一般是打开到写文章界面或文章管理界面
welcome_click: function () {
window.open('https://www.lingyuzhao.top/?/linkController=/articleController&link=-65188883&mark=topic')
},
// 您要对接的专题的名称 TODO 这里您可以修改
topic: 'CY-Web',
// 每一次请求多少篇文章 TODO 这里您可以修改
count: 32,
// 布局结构 这里是个列表 代表布局，例如下面 第一行一个文章 第二行两个文章 第三行两个文章 第四行三个文章
layer_list: [1, 2, 2, 3],
// 盘镜服务器地址（有些资源需要通过盘镜下载）
diskMirror_url: 'https://www.lingyuzhao.top/DiskMirrorBackEnd/',
// 盘镜服务器需要的 SK 可以不设置
diskMirror_sk: undefined,
// 设置您的盘镜所在的域
domain: '.lingyuzhao.top'
};
// 导航相关配置
index_config.nav = {
// 管理博文按钮的索引位置，需要和 buttonList 相对应！
manager_index: 1,
// 这里每个大括号包裹的就是一个导航按钮 buttonName 就是按钮显示的文字 clickFun 就是按钮被点击之后的操作
buttonList: [
{
buttonName: ' 主页',
clickFun: () => window.open('https://diskmirror.lingyuzhao.top/30/Binary/Article_Files_CY-Web/index.html')
},
{
buttonName: ' 管理博文',
clickFun: index_config.welcome_click
},
{
buttonName: ' 文章编辑器',
clickFun: () => window.open('ArticleWriter.html')
},
{
buttonName: ' 关于',
clickFun: () => window.open('https://diskmirror.lingyuzhao.top//30/Binary//CY/ArticleReading.html?path=/opt/web/LS-Web/user_space/CY-Web30/trends/38498944/trends_text.txt')
}
]
}
// 背景色方案相关的配置
index_config.css = {
// 主页全局风格文件 目前支持 您也可以使用您写好的外部css链接
// index_322b29.css
// index_ece7e4.css
// index_ffd6ee.css
// index_333338.css
'CY-Web-index-css': 'css/index_333338.css'
}
```
### 删除旧的配置文件并上传修改之后的配置
配置文件修改完毕之后，我们可以直接删除掉 盘镜 中旧的配置文件，然后上传新的即可！！！
## 更多
### 部署好的示例网站
在这里我们将部署好的网站提供给大家进行观看！
https://diskmirror.lingyuzhao.top/30/Binary/Article_Files_CY-Web/index.html
------
***操作记录***
作者：[CY-Web](https://www.lingyuzhao.top//index.html?search=30 "CY-Web")
操作时间：2024-11-25 19:23:36 星期一 【时区：UTC 8】
事件描述备注：保存/发布
中国 天津
[](如果不需要此记录可以手动删除，每次保存都会自动的追加记录)
