{"id":21974348,"url":"https://github.com/codesplex/chromehome","last_synced_at":"2026-05-08T18:34:22.843Z","repository":{"id":222617425,"uuid":"757912571","full_name":"CodesPlex/ChromeHome","owner":"CodesPlex","description":"ChromeHome 是一个浏览器的主页(HTML+CSS+JS)，一个纯前端的项目","archived":false,"fork":false,"pushed_at":"2024-02-19T04:44:09.000Z","size":3110,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T23:41:21.347Z","etag":null,"topics":["css","css-javascript","css-js","css3","html","html-css","html-css-javascript","html5","javascript","js"],"latest_commit_sha":null,"homepage":"https://codesplex.github.io/ChromeHome/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodesPlex.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-15T08:44:49.000Z","updated_at":"2024-04-20T05:04:32.000Z","dependencies_parsed_at":"2024-02-19T05:45:46.361Z","dependency_job_id":null,"html_url":"https://github.com/CodesPlex/ChromeHome","commit_stats":null,"previous_names":["codesplex/chromehome"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/CodesPlex/ChromeHome","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodesPlex%2FChromeHome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodesPlex%2FChromeHome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodesPlex%2FChromeHome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodesPlex%2FChromeHome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodesPlex","download_url":"https://codeload.github.com/CodesPlex/ChromeHome/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodesPlex%2FChromeHome/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32792218,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"ssl_error","status_checked_at":"2026-05-08T08:22:45.650Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-javascript","css-js","css3","html","html-css","html-css-javascript","html5","javascript","js"],"created_at":"2024-11-29T15:44:52.236Z","updated_at":"2026-05-08T18:34:22.817Z","avatar_url":"https://github.com/CodesPlex.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ChromeHome \r\n\r\n## 项目介绍\r\n\r\nChromeHome 是一个浏览器的主页(HTML+CSS+JS)，一个纯前端的项目\r\n\r\n## 项目使用场景\r\n\r\nChromeHome 这个项目适合使用于浏览器的主页\r\n\r\n## 项目技术\r\n\r\n\u003e **纯前端项目**\r\n\r\nHTML\r\n\r\nCSS\r\n\r\nJS\r\n\r\n## 快速使用\r\n\r\n第一步：下载项目\r\n\r\n第二步：解压或者打开项目文件，打开后的文件如下（可能会随着更新有一些变动但是大体不会变）\r\n\r\n![](ChromeHome3.png)\r\n\r\n第三步：打开浏览器（这里以 Google Chrome 为示范），点击 **右上角的个点**\r\n\r\n![](ChromeHome4.png)\r\n\r\n第四步：点击 **设置**，然后接着点击 **启动时**\r\n\r\n![](ChromeHome5.png)\r\n\r\n第五步：点击 **打开特定网页或一组网页** ，然后接着点击 **添加新网页**\r\n\r\n![](ChromeHome6.png)\r\n\r\n第六步：输入自己下载项目中的 **index.html** 文件的**绝对路径**，然后点击 **添加 **， 完成效果如下\r\n\r\n![](ChromeHome7.png)\r\n\r\n然后当打开浏览器的时候就会有 [**项目截图**](#项目截图) 的效果（注意：如果没有成功可能是被别的主页**篡改**了，或者是您的文件的**绝对路径**填写错误）\r\n## 项目结构\r\n\r\n```\r\n/ -项目根目录\r\n/doc -文档的资源存放处\r\n/index.html -项目入口文件\r\n/main.css -项目样式文件\r\n/main.js -项目的JS代码\r\n/README.md -项目介绍文件\r\n/.gitignore -项目提交时忽略的文件\r\n/favicon.ico -项目Logo[建议自行更换成自己喜欢的]\r\n```\r\n\r\n## 还原背景照片\r\n\r\n如果需要原来的背景请取消掉**main.css**中的注释和删除**mian.js**中的代码\r\n\r\n**main.css**修改前：\r\n\r\n```css\r\n/* background-image: url(\"background.jpg\"); */\r\n```\r\n**main.css**修改后：\r\n```css\r\nbackground-image: url(\"background.jpg\");\r\n```\r\n\r\n需要删除**mian.js**的代码如下：\r\n\r\n```javascript\r\n// 通过Bing背景API获取每日不同的背景照片\r\nvar myHeaders = new Headers();\r\nmyHeaders.append(\"User-Agent\", \"Apifox/1.0.0 (https://apifox.com)\");\r\nvar requestOptions = {\r\n    method: 'GET',\r\n    headers: myHeaders,\r\n    redirect: 'follow'\r\n};\r\nfetch(\"https://raw.onmicrosoft.cn/Bing-Wallpaper-Action/main/data/info.json\", requestOptions)\r\n    .then(response =\u003e response.text())\r\n    .then(result =\u003e {\r\n        try {\r\n            var data = JSON.parse(result);\r\n            var data_UHD_example = data.UHD_example;\r\n            var backgroundLink = data_UHD_example;\r\n            var bodyElement = document.body;\r\n            bodyElement.style.backgroundImage = \"url('\" + backgroundLink + \"')\";\r\n            bodyElement.style.backgroundSize = \"cover\";  //覆盖整个元素区域[可选]\r\n            var link = document.getElementById(\"BingAPI_Url\");\r\n            link.href = data_UHD_example;\r\n        } catch (error) {\r\n            console.log('Invalid JSON', error);\r\n        }\r\n    })\r\n    .catch(error =\u003e console.log('error', error));\r\n```\r\n\r\n## 项目截图\r\n\r\n![](ChromeHome1.png)\r\n\r\n## 支持的搜索引擎\r\n\r\n![](ChromeHome8.png)\r\n\r\n## 结尾\r\n\r\n因为项目使用的是第三方GitLab平台，使用的提交记录不公开！\r\n\r\n![](data1.png)\r\n\r\n**项目完全开源（照片不是原创！和开源协议无关！）**\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodesplex%2Fchromehome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodesplex%2Fchromehome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodesplex%2Fchromehome/lists"}