mirror of
https://github.com/woodchen-ink/CoverView.git
synced 2025-07-18 05:51:56 +08:00
汉化测试
This commit is contained in:
parent
ea121e45dc
commit
c889b6abe7
3
.vscode/settings.json
vendored
Normal file
3
.vscode/settings.json
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"commentTranslate.source": "intellsmi.deepl-translate-deepl"
|
||||
}
|
||||
13855
package-lock.json
generated
13855
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -7,20 +7,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://coverview.vercel.app/">
|
||||
<meta property="og:title" content="Coverview: Creating cover images for your blogs is now super easy">
|
||||
<meta property="og:description" content="Coverview is an open-source tool to create cover images for your blogs quickly and easily. Customize with different themes, colors, fonts and more.">
|
||||
<meta property="og:image"
|
||||
content="https://user-images.githubusercontent.com/47467468/180610249-d24b4ffa-e059-4678-8788-5795498b168c.png">
|
||||
|
||||
<meta name="description" content="Coverview is an open-source tool to create cover images for your blogs quickly and easily. Customize with different themes, colors, fonts and more." />
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:url" content="https://coverview.vercel.app/">
|
||||
<meta property="twitter:title" content="CoverView: Creating cover images for your blogs is now super easy">
|
||||
<meta property="twitter:description" content="Coverview is an open-source tool to create cover images for your blogs quickly and easily. Customize with different themes, colors, fonts and more.">
|
||||
<meta property="twitter:image"
|
||||
content="https://user-images.githubusercontent.com/47467468/180610249-d24b4ffa-e059-4678-8788-5795498b168c.png">
|
||||
<meta name="description" content="Coverview 是一款开源工具，可快速、轻松地为你的博客创建封面图片。使用不同的主题、颜色、字体等进行自定义。" />
|
||||
<link rel="apple-touch-icon" href="./logo.png" />
|
||||
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css"
|
||||
integrity="sha384-VCmXjywReHh4PwowAiWNagnWcLhlEJLA5buUprzK8rxFgeH0kww/aWY76TfkUoSX" crossorigin="anonymous"> -->
|
||||
@ -46,11 +33,7 @@
|
||||
work correctly both with client-side routing and a non-root public URL.
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<!-- Place this tag in your head or just before your close body tag. -->
|
||||
<script defer type="text/javascript" src="https://api.pirsch.io/pirsch.js" id="pirschjs"
|
||||
data-code="y1wOy094LZLgd8a0GcLjDsPVQygfceIB"></script>
|
||||
<meta name="google-site-verification" content="iC9xqg_PeFTmMUq-zSDqnsyaimqm8NQ2bp6Kxpbyzz4" />
|
||||
<title>Coverview - Creating cover images for your blogs is now super easy</title>
|
||||
<title>CZL在线封面工具Coverview - 为博客创建封面图片现在变得超级简单</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@ -73,7 +73,7 @@ const ComponentToImg = (props) => {
|
||||
}
|
||||
</span>
|
||||
|
||||
<span className="mx-2">Download</span>
|
||||
<span className="mx-2">下载</span>
|
||||
</button>
|
||||
</React.Fragment>
|
||||
);
|
||||
|
||||
@ -21,20 +21,20 @@ import theme7 from '../assets/images/theme7.webp'
|
||||
const defaultIcon = { 'label': 'react', 'value': 'react' }
|
||||
|
||||
const defaultSettings = {
|
||||
title: "A begineers guide to frontend development",
|
||||
title: "前端开发初学者指南",
|
||||
bgColor: "#949ee5",
|
||||
pattern: "",
|
||||
download: "PNG",
|
||||
author: 'Rutik Wankhade',
|
||||
author: '鲁蒂克·万卡德',
|
||||
icon: defaultIcon,
|
||||
devIconOptions: [defaultIcon],
|
||||
font: 'font-Anek',
|
||||
theme: 'background',
|
||||
theme: '背景',
|
||||
customIcon: '',
|
||||
platform: 'hashnode'
|
||||
platform: 'Hashnode'
|
||||
};
|
||||
|
||||
const devIconsUrl = "https://raw.githubusercontent.com/devicons/devicon/master/devicon.json"
|
||||
const devIconsUrl = "https://mirror.czl.net/https://raw.githubusercontent.com/devicons/devicon/master/devicon.json"
|
||||
// const devIconOptions = [
|
||||
// { value: 'None', label: 'None' },
|
||||
// { value: 'javascript', label: 'Javascript' },
|
||||
@ -151,12 +151,12 @@ class Editor extends React.Component {
|
||||
value={this.state.font}
|
||||
onChange={(e) => this.setState({ font: e.target.value })}
|
||||
className="focus:outline-none text-gray-700 text-xl p-2 rounded border">
|
||||
<option>font-serif</option>
|
||||
<option>font-sans</option>
|
||||
<option>font-mono</option>
|
||||
<option>font-Inter</option>
|
||||
<option>font-Poppins</option>
|
||||
<option>font-Anek</option>
|
||||
<option>衬线体</option>
|
||||
<option>无衬线体</option>
|
||||
<option>等宽字体</option>
|
||||
<option>Inter</option>
|
||||
<option>Poppins</option>
|
||||
<option>Anek</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="flex flex-col m-2 w-1/2">
|
||||
@ -176,36 +176,36 @@ class Editor extends React.Component {
|
||||
|
||||
<div className="flex items-center">
|
||||
{/* <div className="flex flex-col m-2 w-1/2">
|
||||
<span className="font-medium pb-1">Pattern</span>
|
||||
<span className="font-medium pb-1">图案</span>
|
||||
<select
|
||||
onChange={(e) => this.setState({ pattern: e.target.value })}
|
||||
className="focus:outline-none border text-xl p-2 rounded"
|
||||
value={this.state.pattern}>
|
||||
|
||||
<option>none</option>
|
||||
<option>graph-paper</option>
|
||||
<option>jigsaw</option>
|
||||
<option>hideout</option>
|
||||
<option>dots</option>
|
||||
<option>falling-triangles</option>
|
||||
<option>circuit-board</option>
|
||||
<option>temple</option>
|
||||
<option>anchors</option>
|
||||
<option>brickwall</option>
|
||||
<option>overlapping-circles</option>
|
||||
<option>wiggle</option>
|
||||
<option>tic-tac-toe</option>
|
||||
<option>leaf</option>
|
||||
<option>bubbles</option>
|
||||
<option>squares</option>
|
||||
<option>explorer</option>
|
||||
<option>jupiter</option>
|
||||
<option>sun</option>
|
||||
<option>无</option>
|
||||
<option>方格图案</option>
|
||||
<option>拼图</option>
|
||||
<option>隐藏图案</option>
|
||||
<option>点状图案</option>
|
||||
<option>下落三角形</option>
|
||||
<option>电路板图案</option>
|
||||
<option>寺庙图案</option>
|
||||
<option>锚形图案</option>
|
||||
<option>砖墙图案</option>
|
||||
<option>重叠圆圈</option>
|
||||
<option>摇摆图案</option>
|
||||
<option>井字棋图案</option>
|
||||
<option>叶子图案</option>
|
||||
<option>泡泡图案</option>
|
||||
<option>方格图案</option>
|
||||
<option>探险家图案</option>
|
||||
<option>木星图案</option>
|
||||
<option>太阳图案</option>
|
||||
</select>
|
||||
</div> */}
|
||||
|
||||
<div className="flex flex-col m-2 w-full">
|
||||
<span className="font-medium pb-1">Platform</span>
|
||||
<span className="font-medium pb-1">平台</span>
|
||||
|
||||
<select
|
||||
onChange={(e) => this.setState({ platform: e.target.value })}
|
||||
@ -221,7 +221,7 @@ class Editor extends React.Component {
|
||||
<button
|
||||
className="flex items-center bg-gray-700 text-white rounded-lg mt-6 text-lg font-semibold p-1 px-4 mx-auto border"
|
||||
onClick={this.handleReset}>
|
||||
<span>Reset All</span>
|
||||
<span>全部重置</span>
|
||||
</button>
|
||||
|
||||
</Tab.Panel>
|
||||
|
||||
@ -9,41 +9,38 @@ const Faq = () => {
|
||||
<Header />
|
||||
|
||||
<div className=" md:w-10/12 mx-auto md:p-20 p-4">
|
||||
<h1 className="font-bold md:text-4xl text-2xl font-Anek text-center">Frequently asked questions</h1>
|
||||
<h1 className="font-bold md:text-4xl text-2xl font-Anek text-center">常见问题</h1>
|
||||
|
||||
|
||||
<div className="flex flex-wrap justify-center mt-20 font-Inter">
|
||||
|
||||
<div className="md:w-5/12 m-4 ">
|
||||
<p className="text-xl font-bold py-2">What is Coverview?</p>
|
||||
<p className="text-lg text-gray-700">Coverview is a tool to create cover images for your blogs quickly and easily.</p>
|
||||
<p className="text-xl font-bold py-2">什么是 Coverview？</p>
|
||||
<p className="text-lg text-gray-700">Coverview 是一款快速、轻松地为博客创建封面图片的工具。</p>
|
||||
</div>
|
||||
|
||||
<div className="md:w-5/12 m-4">
|
||||
<p className="text-xl font-bold py-2">Is Coverview free?</p>
|
||||
<p className="text-lg text-gray-700">Yes! Coverview is absolutely free to use.</p>
|
||||
<p className="text-xl font-bold py-2">Coverview 是免费的吗？</p>
|
||||
<p className="text-lg text-gray-700">是的！Coverview 完全免费。</p>
|
||||
</div>
|
||||
|
||||
<div className="md:w-5/12 m-4">
|
||||
<p className="text-xl font-bold py-2">Can I upload my custom brand logo?</p>
|
||||
<p className="text-lg text-gray-700">Yes.Just search and select <span className="font-semibold">custom</span> in icon section and you can upload your own logo to personalize your cover images.</p>
|
||||
<p className="text-xl font-bold py-2">我可以上传我的定制品牌徽标吗？</p>
|
||||
<p className="text-lg text-gray-700">是的，只需搜索并选择 <span className="font-semibold">定制</span> 在图标部分，您可以上传自己的徽标来个性化您的封面图片。</p>
|
||||
<p className="italic mt-2">See <a href="https://twitter.com/WankhadeRutik/status/1518270774335111168?s=20&t=XMjbJpGAC7anadJ690_DUg" className="text-blue-400" target="_blank" rel="noreferrer">example</a></p>
|
||||
</div>
|
||||
|
||||
<div className="md:w-5/12 m-4">
|
||||
<p className="text-xl font-bold my-2">Can I use coverview for non-technical/personal blogs?</p>
|
||||
<p className="text-lg text-gray-700">Yes! Why not? Even though coverview was built with technical blogs in mind, you can still use it for your personal blogs. Check out the stylish theme for more.</p>
|
||||
<p className="text-xl font-bold my-2">我可以在非技术/个人博客中使用 coverview 吗？</p>
|
||||
<p className="text-lg text-gray-700">是的！为什么不呢？尽管 coverview 是专为技术博客设计的，但您仍然可以将它用于个人博客。查看时尚主题，了解更多信息。</p>
|
||||
</div>
|
||||
|
||||
<div className="md:w-5/12 m-4">
|
||||
<p className="text-xl font-bold my-2">Why use Coverview?</p>
|
||||
<p className="text-lg text-gray-700">Because it's simple, quick and easy to use. Why spend hours designing when you can create cover images in seconds?</p>
|
||||
<p className="text-xl font-bold my-2">为什么使用 Coverview？</p>
|
||||
<p className="text-lg text-gray-700">因为它简单、快捷、易于使用。几秒钟就能创建封面图像，为什么还要花几个小时来设计呢？</p>
|
||||
</div>
|
||||
|
||||
<div className="md:w-5/12 m-4">
|
||||
<p className="text-xl font-bold my-2">Want to support/sponsor the project?</p>
|
||||
<p className="text-lg text-gray-700">If coverview adds value in your life and you wish to support this project, you can <a href="https://github.com/sponsors/rutikwankhade" target="_blank" rel="noreferrer" className="font-semibold hover:underline">sponsor me on Github</a> or <a href="https://www.buymeacoffee.com/rutikwankhade" target="_blank" rel="noreferrer" className="hover:underline text-pink-400 font-semibold">buy me a coffee</a>.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@ -51,14 +48,14 @@ const Faq = () => {
|
||||
<button
|
||||
onClick={() => setShowMsg(!showMsg)}
|
||||
className="text-6xl text-center m-2">💡</button>
|
||||
<p className="text-xl font-Anek font-semibold text-gray-800">Want to know a secret? Click me</p>
|
||||
<p className="text-xl font-Anek font-semibold text-gray-800">想知道秘密吗？点击我</p>
|
||||
|
||||
</div>
|
||||
|
||||
{
|
||||
showMsg ?
|
||||
<div>
|
||||
<h2 className="md:w-7/12 text-4xl border text-center mx-auto my-10 p-10 rounded-xl shadow-sm font-Nunito">Blog titles with a minimum of 8 words have 21% better click-through</h2>
|
||||
<h2 className="md:w-7/12 text-4xl border text-center mx-auto my-10 p-10 rounded-xl shadow-sm font-Nunito">至少包含 8 个单词的博客标题点击率提高 21</h2>
|
||||
</div> :
|
||||
<div></div>
|
||||
}
|
||||
|
||||
@ -3,8 +3,6 @@ import { Link } from 'react-router-dom'
|
||||
import logo from '../assets/icons/logo.png'
|
||||
const Header = () => {
|
||||
|
||||
const tweetText = encodeURIComponent(`type your thoughts here, Try https://coverview.vercel.app by @WankhadeRutik`)
|
||||
|
||||
return (
|
||||
|
||||
<div className="text-xl md:px-2 flex border-b border-gray-100 p-2">
|
||||
@ -14,12 +12,6 @@ const Header = () => {
|
||||
|
||||
</Link>
|
||||
|
||||
<div className="ml-auto md:mr-4 ">
|
||||
<Link to="/faq" className="text-gray-700 hover:text-gray-800 text-base font-Nunito mx-4"><span className="hidden md:inline-block">How to use</span></Link>
|
||||
<a href="https://www.buymeacoffee.com/rutikwankhade" target="_blank" rel="noreferrer" className="text-base mx-2 font-Nunito">🥤 <span className="hidden md:inline-block">Buy me a coffee</span></a>
|
||||
<a href={`https://twitter.com/intent/tweet?text=${tweetText}`} className="mx-2 bg-blue-400 md:text-sm text-xs rounded-full px-4 font-semibold text-white p-1">Share on Twitter</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
);
|
||||
|
||||
@ -24,20 +24,20 @@ const Home = () => {
|
||||
<div className="text-xl flex border-b border-gray-100 p-2 md:w-10/12 mx-auto">
|
||||
<div className="flex items-center">
|
||||
<img src={logo} alt="logo" className="w-8 h-8 mx-2" />
|
||||
<h1 className="font-semibold md:text-xl text-lg font-Inter">Coverview</h1>
|
||||
<h1 className="font-semibold md:text-xl text-lg font-Inter">封面视图</h1>
|
||||
</div>
|
||||
|
||||
<a href="https://github.com/rutikwankhade/CoverView" target="_blank" rel="noreferrer" className="hover:translate-x-2 duration-300 bg-gray-700 group rounded-xl md:px-4 text-white md:text-sm text-xs ml-auto mr-4 font-Inter font-semibold p-2">
|
||||
{/* <a href="https://github.com/rutikwankhade/CoverView" target="_blank" rel="noreferrer" className="hover:translate-x-2 duration-300 bg-gray-700 group rounded-xl md:px-4 text-white md:text-sm text-xs ml-auto mr-4 font-Inter font-semibold p-2">
|
||||
<span className="text-sm">⭐ Star on Github</span>
|
||||
</a>
|
||||
</a> */}
|
||||
</div>
|
||||
|
||||
<div className=" mx-auto md:px-20 py-6 flex flex-col items-center">
|
||||
<h1 className="md:w-7/12 m-10 text-center md:text-5xl text-3xl font-extrabold text-gray-700 font-Anek">
|
||||
Creating cover images for your blogs is now super easy
|
||||
为博客创建封面图片现在变得超级简单
|
||||
</h1>
|
||||
<Link to="/editor" className="hover:translate-x-2 duration-300 bg-gray-700 hover:bg-gray-800 group rounded-full px-4 md:px-8 text-white md:text-2xl text-lg mx-auto font-Inter font-semibold md:p-4 p-2">
|
||||
<span className="md:text-2xl text-lg">Open editor →</span>
|
||||
<span className="md:text-2xl text-lg">打开编辑器 →</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -77,7 +77,7 @@ const Home = () => {
|
||||
|
||||
<div className="md:w-10/12 mx-auto flex flex-col ">
|
||||
<div className="md:w-9/12 text-center mx-auto ">
|
||||
<h2 className="text-5xl py-4 font-bold font-Anek text-gray-700">Why cover images are more important than you think?</h2>
|
||||
<h2 className="text-5xl py-4 font-bold font-Anek text-gray-700">为什么封面图像比你想象的更重要？</h2>
|
||||
|
||||
</div>
|
||||
|
||||
@ -87,14 +87,14 @@ const Home = () => {
|
||||
<div className=" my-2 bg-purple-300 h-24 w-24 p-4 flex justify-center items-center rounded-full">
|
||||
<svg className="text-white w-20 h-20" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"></path></svg>
|
||||
</div>
|
||||
<p className="text-2xl md:text-left text-center text-gray-700">Around <span className="font-bold">7 million</span> blog posts are published daily. And with the rise of new-age blogging tools, it will only go up.</p>
|
||||
<p className="text-2xl md:text-left text-center text-gray-700">每天都有大概 <span className="font-bold">700 万</span> 的博客文章发表。而随着新时代博客工具的兴起，这一数字只会有增无减。</p>
|
||||
</div>
|
||||
|
||||
<div className="m-10 p-10 bg-white rounded-xl shadow-xl shadow-gray-100 flex flex-col md:w-4/12 ">
|
||||
<div className=" my-2 bg-green-300 h-24 w-24 p-4 flex justify-center items-center rounded-full">
|
||||
<svg className="text-white w-20 h-20" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
|
||||
</div>
|
||||
<p className="text-2xl md:text-left text-center text-gray-700">A good cover image can lead to <span className="font-bold">higher conversion rate</span> than a random stock image.</p>
|
||||
<p className="text-2xl md:text-left text-center text-gray-700">一张好的封面图片可以带来 <span className="font-bold">更高的转换率</span> 而不是一张随意的图片库图片。</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -104,7 +104,7 @@ const Home = () => {
|
||||
</div>
|
||||
|
||||
|
||||
<h2 className="md:text-5xl text-3xl md:w-1/2 mx-auto mt-32 font-bold font-Anek text-center text-gray-700">With coverview, you can create cover images in <span className="text-indigo-400">seconds</span>.</h2>
|
||||
<h2 className="md:text-5xl text-3xl md:w-1/2 mx-auto mt-32 font-bold font-Anek text-center text-gray-700">使用 coverview，您可以在以下时间内创建封面图像: <span className="text-indigo-400">几秒内</span>.</h2>
|
||||
<div className="md:w-8/12 my-20 flex md:flex-row flex-col mx-auto">
|
||||
|
||||
<div className="md:w-1/3 flex flex-col mx-10">
|
||||
@ -112,7 +112,7 @@ const Home = () => {
|
||||
<div className="text-center">
|
||||
<div className="text-xl mx-auto w-10 h-10 p-2 font-bold text-white bg-gray-700 rounded-full flex items-center justify-center">1</div>
|
||||
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">Add title and author of your blog post</p>
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">添加博文标题和作者</p>
|
||||
</div>
|
||||
<img src={step1} alt="preview" className="mt-2 rounded-lg shadow-sm" />
|
||||
|
||||
@ -125,7 +125,7 @@ const Home = () => {
|
||||
<div className="text-center">
|
||||
<div className="text-xl mx-auto w-10 h-10 p-2 font-bold text-white bg-gray-700 rounded-full flex items-center justify-center">2</div>
|
||||
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">Customize with colors, fonts, icons and patterns</p>
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">自定义颜色、字体、图标和图案</p>
|
||||
</div>
|
||||
<img src={step2} alt="preview" className="mt-2 rounded-lg shadow-sm" />
|
||||
|
||||
@ -139,8 +139,8 @@ const Home = () => {
|
||||
<div className="text-center md:w-1/3 m-4">
|
||||
<div className="text-xl mx-auto w-10 h-10 p-2 font-bold text-white bg-gray-700 rounded-full flex items-center justify-center">3</div>
|
||||
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">Choose from different themes</p>
|
||||
<p className="text-xl">Unsplash integration, custom icon for personal branding and more.</p>
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">选择不同的主题</p>
|
||||
<p className="text-xl">Unsplash 集成、个人品牌定制图标等。</p>
|
||||
</div>
|
||||
|
||||
<div className="flex md:w-8/12 hideout p-6">
|
||||
@ -166,7 +166,7 @@ const Home = () => {
|
||||
|
||||
<div className="text-center m-4">
|
||||
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">Supports platforms like Hashnode or Dev.to</p>
|
||||
<p className="text-2xl my-2 font-semibold font-Inter text-gray-600">支持 Hashnode 或 Dev.to 等平台</p>
|
||||
</div>
|
||||
<div className="flex mx-auto justify-center">
|
||||
<img src={hashnodeLogo} className="w-20 m-2" alt="hashnode" />
|
||||
@ -175,13 +175,13 @@ const Home = () => {
|
||||
</div>
|
||||
|
||||
|
||||
<WallOfLove />
|
||||
{/* <WallOfLove /> */}
|
||||
|
||||
<div className="md:w-8/12 mx-auto pt-24 p-4">
|
||||
<h2 className="text-6xl text-center font-Anek font-bold text-gray-700 mx-auto">Simple, quick, and easy to use</h2>
|
||||
<p className="text-2xl text-center py-4 md:w-8/12 mx-auto">So you can focus on writing your blog and never worry about those cover images.</p>
|
||||
<h2 className="text-6xl text-center font-Anek font-bold text-gray-700 mx-auto">简单、快捷、易于使用</h2>
|
||||
<p className="text-2xl text-center py-4 md:w-8/12 mx-auto">这样，你就可以专注于撰写博客，再也不用担心封面图片的问题了。</p>
|
||||
<Link to="/editor" >
|
||||
<button className="flex mx-auto my-4 hover:translate-x-2 duration-300 bg-gray-700 rounded-full px-6 text-white text-xl font-Inter font-semibold p-4">It's Free! Try now →</button>
|
||||
<button className="flex mx-auto my-4 hover:translate-x-2 duration-300 bg-gray-700 rounded-full px-6 text-white text-xl font-Inter font-semibold p-4">免费试用！立即试用 →</button>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@ -192,14 +192,14 @@ const Home = () => {
|
||||
|
||||
<footer className="bg-white p-10 flex md:flex-row flex-col font-Inter md:px-20 justify-center items-center">
|
||||
<div className="md:w-1/2 flex flex-col">
|
||||
<span className="text-lg">Made with 💛 by <a href="https://twitter.com/WankhadeRutik" className="font-semibold" target="_blank" rel="noreferrer">Rutik Wankhade</a></span>
|
||||
<span className="text-lg font-Nunito">checkout <a href="https://rutikwankhade.dev" target="_blank" rel="noreferrer" className="text-purple-400 hover:text-pink-400">more cool stuff</a> I built</span>
|
||||
<span className="text-lg">Made with 💛 by <a href="https://twitter.com/WankhadeRutik" className="font-semibold" target="_blank" rel="noreferrer">Rutik Wankhade </a>and <a href="https://woodchen.ink" className="font-semibold" target="_blank" rel="noreferrer">wood chen</a></span>
|
||||
{/* <span className="text-lg font-Nunito">checkout <a href="https://rutikwankhade.dev" target="_blank" rel="noreferrer" className="text-purple-400 hover:text-pink-400">more cool stuff</a> I built</span> */}
|
||||
</div>
|
||||
|
||||
<div className="md:text-lg text-sm flex flex-wrap ">
|
||||
<Link to="/faq" className="m-2 hover:font-semibold">📌 How to use</Link>
|
||||
<a href="https://github.com/rutikwankhade/CoverView" target="_blank" rel="noreferrer" className="m-2 hover:font-semibold">⭐ Star on Github</a>
|
||||
<a href="https://www.buymeacoffee.com/rutikwankhade" target="_blank" rel="noreferrer" className="m-2 hover:font-semibold">🥤 Buy me a coffee</a>
|
||||
<Link to="/faq" className="m-2 hover:font-semibold">📌 如何使用</Link>
|
||||
{/* <a href="https://github.com/rutikwankhade/CoverView" target="_blank" rel="noreferrer" className="m-2 hover:font-semibold">⭐ Star on Github</a>
|
||||
<a href="https://www.buymeacoffee.com/rutikwankhade" target="_blank" rel="noreferrer" className="m-2 hover:font-semibold">🥤 Buy me a coffee</a> */}
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
@ -24,7 +24,7 @@ const BackgroundTheme = ({ config }) => {
|
||||
|
||||
})
|
||||
.then(response => {
|
||||
// console.log(response.response.results);
|
||||
console.log(response.response.results);
|
||||
setImageList(response.response.results)
|
||||
});
|
||||
}
|
||||
@ -39,7 +39,7 @@ const BackgroundTheme = ({ config }) => {
|
||||
|
||||
})
|
||||
.then(response => {
|
||||
// console.log(response.response.results);
|
||||
console.log(response.response.results);
|
||||
setImageList(response.response.results)
|
||||
});
|
||||
}, [])
|
||||
@ -49,7 +49,7 @@ const BackgroundTheme = ({ config }) => {
|
||||
url: image.urls.regular,
|
||||
name: image.user.name,
|
||||
avatar: image.user.profile_image.small,
|
||||
profile: `${image.user.links.html}?utm_source=https://coverview.vercel.app&utm_medium=referral`,
|
||||
profile: `${image.user.links.html}?utm_source=https://coverview.czl.net&utm_medium=referral`,
|
||||
downloadLink: image.links.download_location
|
||||
|
||||
})
|
||||
@ -123,7 +123,7 @@ const BackgroundTheme = ({ config }) => {
|
||||
<span className="pr-2">{unsplashImage.name}</span>
|
||||
</a>
|
||||
|
||||
<a href="https://unsplash.com/?utm_source=https://coverview.vercel.app&utm_medium=referral" className="text-sm text-white mx-2">Unsplash</a>
|
||||
<a href="https://unsplash.com/?utm_source=https://coverview.czl.net&utm_medium=referral" className="text-sm text-white mx-2">Unsplash</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -47,7 +47,7 @@ const MobileMockupTheme = ({ config }) => {
|
||||
className="text-sm flex flex-col cursor-pointer mb-2 bg-white rounded border"
|
||||
onChange={(e) => setImage(URL.createObjectURL(e.target.files[0]))}
|
||||
/>
|
||||
<span className=" text-center italic">click to upload a screenshot</span>
|
||||
<span className=" text-center italic">点击上传截图</span>
|
||||
</div>
|
||||
|
||||
}
|
||||
|
||||
@ -42,7 +42,7 @@ const PreviewTheme = ({ config }) => {
|
||||
className="text-xl cursor-pointer mb-2 bg-white rounded border"
|
||||
onChange={(e) => setImage(URL.createObjectURL(e.target.files[0]))}
|
||||
/>
|
||||
<span className=" text-center italic">click to upload a screenshot</span>
|
||||
<span className=" text-center italic">点击上传截图</span>
|
||||
</div>
|
||||
|
||||
}
|
||||
|
||||
@ -49,7 +49,7 @@ const StylishTheme = ({ config }) => {
|
||||
url: image.urls.regular,
|
||||
name: image.user.name,
|
||||
avatar: image.user.profile_image.small,
|
||||
profile: `${image.user.links.html}?utm_source=https://coverview.vercel.app&utm_medium=referral`,
|
||||
profile: `${image.user.links.html}?utm_source=https://coverview.czl.net&utm_medium=referral`,
|
||||
downloadLink: image.links.download_location
|
||||
|
||||
})
|
||||
@ -122,7 +122,7 @@ const StylishTheme = ({ config }) => {
|
||||
<span className="pr-2">{unsplashImage.name}</span>
|
||||
</a>
|
||||
|
||||
<a href="https://unsplash.com/?utm_source=https://coverview.vercel.app&utm_medium=referral" className="text-sm text-white mx-2">Unsplash</a>
|
||||
<a href="https://unsplash.com/?utm_source=https://coverview.czl.net&utm_medium=referral" className="text-sm text-white mx-2">Unsplash</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user