

JianCe是一个简简单单的学习结果检测的小工具，通过设置一组在线试题（题型包括：单选、多选、判断、简答）来检验学习结果。


### 功能

- [x] 答题开始组件
- [x] 答题结束组件
- [x] 加载题库是先把题库随机打乱
- [x] 添加答题进度
- [x] 答题首页显示题目数量
- [x] 得分页面显示错题的时候问题和答案同时显示。
- [x] 添加ctrl+enter 进行下一道题
- [x] 把答题页面继续组件化
- [x] 答题的时间控制，倒计时展示
- [x] 显示每一道题的类型
- [ ] 加载失败或题库不存在的时候进行提示。
- [ ] 在答题页面时，如果要返回首页，应该提示是否要放弃答题而返回首页？
- [ ] 控制问题标题的文字大小

演示页面：https://suiyan.cc/demo/jiance/

界面预览：


![](https://suiyan.cc/assets/images/2023/jiance/01.png)


准备答题


![](https://suiyan.cc/assets/images/2023/jiance/02.png)
![](https://suiyan.cc/assets/images/2023/jiance/03.png)

亮色主题随心切换，答题结果、评分，错题展示。


![](https://suiyan.cc/assets/images/2023/jiance/04.png)
![](https://suiyan.cc/assets/images/2023/jiance/05.png)


### 安装依赖

项目依赖很简单：

    "dependencies": {
    "axios": "^1.3.4",
    "pinia": "^2.0.33",
    "vue": "^3.2.47",
    "vue-router": "^4.1.6"
    },

终端进入项目的根目录，先安装项目的依赖：

```sh
npm install
```

### 启动

```sh
npm run dev
```

### 编译打包

```sh
npm run build
```

### 添加和编辑题库

题库的编写使用json文件。

`public/data`  为题库及目录文件存放目录

`public/data/navigation.json` 题库目录，这里索引了所有的测试题连接

`public/data/test.json`  是一组测试题

目录json编辑很简答了，看下json的结构就可以了解了。

测试题目前有四种，下边是一组测试题的案例：

    {
    "title": "题库的标题",
    "description": "题库的描述题库的描述题库的描述",
    "questions": [
            {
            "type": "单选题",
            "question": "如何开始学习JavaScript？",
            "options": ["死记硬背","疯狂刷题","勇于实践","埋头苦干"],
            "answer": "勇于实践"
            },
            {
            "type": "多选题",
            "question": "如何开始学习Python？",
            "options": ["死记硬背","疯狂刷题","勇于实践","埋头苦干"],
            "answer": ["疯狂刷题","勇于实践"]
            },
            {
            "type": "判断题",
            "question": "JavaScript是世界上最好的编程语言？",
            "answer": "错误"
            },
            {
            "type": "简答题",
            "question": "为什么叫JavaScript？",
            "answer": "JavaScript 在刚诞生的时候，它的名字叫 “LiveScript”。但是因为当时 Java 很流行，所以决定将一种新语言定位为 Java 的“弟弟”会有助于它的流行"
            }
        ]
    }


### 写在最后

JianCe检测 是我为了测试孩子学习情况所编写的小玩意，当然也可以用来检测其他任何类型知识的学习结果的。希望大家喜欢，欢迎提交代码。

JianCe是一个简简单单的学习结果检测的小工具，通过设置一组在线试题（题型包括：单选、多选、判断、简答）来检验学习结果。

JianCe 简测 简单的在线答题应用


这是一款适合程序员的简约blog。
本项目为[碎言静态博客](https://github.com/bosichong/suiyan.git)主题。

[碎言静态博客Gitee](https://gitee.com/J_Sky/suiyan)
[碎言静态博客GitHub](https://github.com/bosichong/suiyan.git)

### 效果展示

![](https://suiyan.cc/assets/images/2023/coding-blog.png)


### 技术框架

主题模板采用了jinja2的模板引擎，使用了Bootstrap 5.3 等框架，模板设计移动优先。


### 安装教程

1. 首先克隆下载本主题到碎言静态博客程序`theme`目录下。
2. 修改配置文件 `config.json`中的"theme": "coding_blog",即可启用。


### 运行预览

本地主题开发编写，推荐使用`Live Server`这个vscode得插件，非常方便。
在配置文件里修改：
"dev": 1,  # 调试模式，如果改为1，则使用"blog_test_url"来添加静态资源地址前缀，方便本地调试。

### 修改主题样式

主题采用jinja2模板引擎，在主题或是模板目录修改样式，一键生成页面，直接同步页面。
在jinja2 模板中使用`{{ 属性名称 }}`来调用。

### github pages

如何部署GitHub pages 搭建自己的博客，这里就不在详细介绍了，请参考下文。

[GitHub Pages 快速入门](https://docs.github.com/zh/pages/quickstart)

除了部署GitHub，也可以将静态文件部署到虚拟主机云服务器上，复制静态文件目录下的所有文件到你的站点目录下即可。

本主题下载地址：

[https://github.com/bosichong/coding_blog](https://github.com/bosichong/coding_blog)

coding_blog一款适合程序员的简约博客主题。主题模板采用了jinja2的模板引擎，使用了Bootstrap 5.3 等框架，模板设计移动优先。

coding_blog 碎言静态博客主题


2023-07-05

截止今天，百度慢慢腾腾的收录了10个页面，偶尔也有从百度来的流量，虽然搜过搜索引擎，但是大家都认为百度不会收录Github的页面，好吧，我可以很负责的告诉你，百度收录Github pages 的静态页面的。

2023-06-08
神奇了，百度也开始收录和索引博客页面了，一直以为百度不会收录使用GitHub pages 部署且没有备案的网站。，Google已经不用手动提交网址了，每天都会自动索引最新的博文。

2023-05-28

百度终于收录了站点的首页，按首次提交sitemap的时间来算，大约整整一个月吧。而且也证明了，百度可以收录GitHub的静态站点信息，但是目前只收录了站点的首页而已。

2023-05-06 

今天登录了一下百度站长管理的后台，发现后台显示从五月二日开始有百度的抓取频次了，但是依然没有被索引。

Google依然没有主动去抓取我的站点地图。

2023-04-28

最近新注册了一个域名：suiyan.cc，自己写了Python脚本生成了静态页面，域名绑定了GitHub的静态页面，然后开始提交到各大搜索引擎，目前提交了Google、bing.com和百度。

对于网站的收录，目前的情况必应已经完全收录，必应的收录速度是最快的，当时我正在提交Google的站点收录，随手就提交了必应，使用的Google账号登录，导入了Google的配置，没想到很快就被完全收录了，第二天在必应搜索就能收到suiyan.cc。

但是Google就不怎么样了，提交了站点的sitemap的xml和txt两种格式都显示无法抓取，但是相同的文件导入必应确没有任何问题。Google通过网址检查可以零星的提交一些页面，收录还是很快的几乎第二天就能收录，就是很麻烦一些而且还有限额。

在说说百度，登录站长管理后天，提交了sitemap.txt，貌似xml格式的无法抓取，虽然资源数据提交有了反馈，显示百度已经收到了所有页面的列表，但是迟迟不进行蜘蛛的爬取，据说和站点是GitHub的静态页面有关，如果是这样也就只好暂时放弃了。

后续继续观察Google和百度的收录情况，会及时反馈到这里。

刚刚试着提交搜狗，结果搜狗提交必须是备过案的网站，否则无法在站长管理进行提交新站，没有备案的新站站们就不要麻烦去搜狗提交新站了。

然后就是看了一眼Yahoo，神奇，Yahoo已经自动收录了新站！这些大型搜索真是让人摸不着头脑哈。

Yahoo目前使用的是微软必应的搜索引擎，所以必应收录后，Yahoo直接就能搜到，百度依然不收录，Google不能读取sitemap，但可以手动添加。






最近新注册了一个域名：suiyan.cc，自己写了Python脚本生成了静态页面，域名绑定了GitHub的静态页面，然后开始提交到各大搜索引擎，目前提交了Google、bing.com和百度。

coding_blog 碎言静态博客主题

效果展示

技术框架

安装教程

运行预览

修改主题样式

github pages

相关文章