Help
RSS
API
Feed
Maltego
Contact
Domain > www.chuixue.cc
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2016-07-04
117.21.226.8
(
ClassC
)
2025-06-25
114.132.126.79
(
ClassC
)
Port 80
HTTP/1.1 200 OKServer: nginxDate: Wed, 25 Jun 2025 01:26:49 GMTContent-Type: text/htmlContent-Length: 43510Last-Modified: Thu, 05 Jun 2025 12:39:02 GMTConnection: keep-aliveVary: Accept-EncodingETag: 68418fe6-a9f6Strict-Transport-Security: max-age31536000Accept-Ranges: bytes !DOCTYPE html>html langzh-CN>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>莫言说 - 资深网站编辑/title> script srchttps://cdn.tailwindcss.com>/script> link hrefhttps://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css relstylesheet> script> tailwind.config { theme: { extend: { colors: { primary: #3b82f6, secondary: #f97316, dark: #1e293b, light: #f8fafc }, fontFamily: { sans: Inter, system-ui, sans-serif, }, } } } /script> style typetext/tailwindcss> @layer utilities { .content-auto { content-visibility: auto; } .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); } .transition-custom { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .hover-lift { transform: translateY(0); transition: transform 0.3s ease; } .hover-lift:hover { transform: translateY(-5px); } } /style>/head>body classbg-gray-50 text-dark> !-- 导航栏 --> header classsticky top-0 z-50 bg-white/90 backdrop-blur-sm shadow-sm transition-all duration-300> nav classcontainer mx-auto px-4 py-4 flex justify-between items-center> div classflex items-center> span classtext-primary text-2xl font-bold>莫言说/span> span classml-2 text-gray-500 text-sm>网站编辑/span> /div> div classhidden md:flex space-x-8> a href#about classtext-gray-700 hover:text-primary transition-custom>关于我/a> a href#skills classtext-gray-700 hover:text-primary transition-custom>专业技能/a> a href#experience classtext-gray-700 hover:text-primary transition-custom>工作经验/a> a href#contact classtext-gray-700 hover:text-primary transition-custom>联系我/a> /div> button classmd:hidden text-gray-700 focus:outline-none idmobile-menu-button> i classfa fa-bars text-xl>/i> /button> /nav> !-- 移动端菜单 --> div classmd:hidden hidden bg-white shadow-lg absolute w-full idmobile-menu> div classcontainer mx-auto px-4 py-3 flex flex-col space-y-3> a href#about classtext-gray-700 hover:text-primary py-2 transition-custom>关于我/a> a href#skills classtext-gray-700 hover:text-primary py-2 transition-custom>专业技能/a> a href#experience classtext-gray-700 hover:text-primary py-2 transition-custom>工作经验/a> a href#contact classtext-gray-700 hover:text-primary py-2 transition-custom>联系我/a> /div> /div> /header> main> !-- 英雄区域 --> section classrelative bg-gradient-to-br from-primary/90 to-primary overflow-hidden> div classabsolute inset-0 bg-url(https://picsum.photos/id/1025/1920/1080) bg-cover bg-center opacity-10>/div> div classcontainer mx-auto px-4 py-24 md:py-32 relative z-10> div classmax-w-3xl mx-auto text-center> h1 classtext-clamp(2.5rem,5vw,4rem) font-bold text-white mb-6 leading-tight text-shadow> 莫言说 - 资深网站编辑 /h1> p classtext-clamp(1rem,2vw,1.25rem) text-blue-100 mb-8 max-w-2xl mx-auto> 拥有8年网站内容策划与编辑经验，专注于用户体验与内容优化 /p> a href#contact classinline-block bg-white text-primary px-8 py-3 rounded-full font-medium shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300> 联系我 /a> /div> /div> div classabsolute bottom-0 left-0 right-0> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 1440 100 classw-full> path fill#f9fafb fill-opacity1 dM0,32L80,42.7C160,53,320,75,480,74.7C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,100L1360,100C1280,100,1120,100,960,100C800,100,640,100,480,100C320,100,160,100,80,100L0,100Z>/path> /svg> /div> /section> !-- 关于我 --> section idabout classpy-20 bg-gray-50> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>关于我/h2> div classw-20 h-1 bg-primary mx-auto>/div> /div> div classgrid md:grid-cols-2 gap-12 items-center> div classrelative> div classabsolute -top-4 -left-4 w-full h-full border-4 border-primary/30 rounded-lg>/div> img srchttps://picsum.photos/id/1012/600/800 alt莫言说的照片 classw-full h-auto rounded-lg shadow-xl object-cover hover-lift> /div> div> h3 classtext-2xl font-bold text-dark mb-6>你好，我是莫言说/h3> p classtext-gray-700 mb-6 leading-relaxed> 作为一名拥有8年经验的资深网站编辑，我专注于创建引人入胜且用户友好的网站内容。我的工作涉及内容策略规划、文案撰写、页面优化以及用户体验设计。 /p> p classtext-gray-700 mb-6 leading-relaxed> 我擅长将复杂的信息转化为简洁明了的内容，同时保持品牌一致性和用户吸引力。无论是产品描述、博客文章还是网站整体内容架构，我都能提供高质量的解决方案。 /p> p classtext-gray-700 mb-8 leading-relaxed> 我相信优秀的内容不仅能够吸引访问者，还能引导他们采取行动，从而为网站带来实际的业务价值。 /p> div classgrid grid-cols-2 gap-4 mb-8> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>8年网站编辑经验/span> /div> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>内容策略专家/span> /div> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>SEO优化知识/span> /div> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>用户体验设计/span> /div> /div> a href#contact classinline-flex items-center text-primary font-medium hover:text-primary/80 transition-custom> 了解更多 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> /div> /div> /section> !-- 专业技能 --> section idskills classpy-20 bg-white> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>专业技能/h2> div classw-20 h-1 bg-primary mx-auto>/div> /div> div classgrid md:grid-cols-2 gap-8> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-pencil text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>内容创作/h3> /div> p classtext-gray-700 mb-6> 我擅长撰写清晰、有吸引力的内容，能够根据不同的受众和目标调整写作风格。无论是正式的商务文案还是轻松的博客文章，我都能创作出高质量的内容。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>文案撰写/span> span>95%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 95%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容策划/span> span>90%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 90%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>编辑校对/span> span>98%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 98%>/div> /div> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-code text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>网页技术/h3> /div> p classtext-gray-700 mb-6> 了解网页开发基础技术，能够与开发团队有效沟通，独立进行简单的页面修改和优化，确保内容在各种设备上都能完美呈现。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>HTML/CSS/span> span>85%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 85%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容管理系统/span> span>95%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 95%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>响应式设计/span> span>88%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 88%>/div> /div> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-line-chart text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>SEO优化/h3> /div> p classtext-gray-700 mb-6> 熟悉SEO最佳实践，能够优化网站内容以提高搜索引擎排名。我会进行关键词研究，优化页面结构，并确保内容既符合用户需求，又能被搜索引擎有效索引。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>关键词研究/span> span>85%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 85%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>页面优化/span> span>90%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 90%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容策略/span> span>92%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 92%>/div> /div> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-users text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>用户体验/h3> /div> p classtext-gray-700 mb-6> 我始终将用户体验放在首位，专注于创建直观、有吸引力且易于导航的网站内容。通过了解用户需求和行为，我能够设计出引导用户完成预期操作的内容架构。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>用户研究/span> span>87%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 87%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>信息架构/span> span>90%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 90%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容优化/span> span>94%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 94%>/div> /div> /div> /div> /div> /div> /div> /div> /section> !-- 工作经验 --> section idexperience classpy-20 bg-gray-50> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>工作经验/h2> div classw-20 h-1 bg-primary mx-auto>/div> /div> div classrelative> !-- 时间线 --> div classabsolute left-0 md:left-1/2 top-0 bottom-0 w-1 bg-gray-200 transform md:-translate-x-1/2>/div> !-- 经验项1 --> div classrelative mb-12> div classflex flex-col md:flex-row items-center> div classmd:w-1/2 md:pr-12 md:text-right order-2 md:order-1 mt-4 md:mt-0> div classbg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-custom> h3 classtext-xl font-bold text-dark mb-2>高级网站编辑/h3> p classtext-primary font-medium mb-3>科技媒体集团/p> p classtext-gray-700 mb-4> 负责管理和优化公司旗下多个科技类网站的内容策略，带领团队每月创作超过100篇高质量文章，提升了网站流量和用户停留时间。 /p> ul classtext-gray-600 space-y-2> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>制定并执行内容策略，提高了网站在搜索引擎中的排名/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>建立内容审核流程，确保内容质量和一致性/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>与产品团队合作，优化网站用户体验/span> /li> /ul> /div> /div> div classabsolute left-0 md:left-1/2 w-6 h-6 rounded-full bg-primary border-4 border-white transform md:-translate-x-1/2 z-10 order-1 md:order-2>/div> div classmd:w-1/2 md:pl-12 hidden md:block order-3> span classinline-block bg-primary/10 text-primary font-medium px-4 py-2 rounded-full>2020 - 至今/span> /div> /div> /div> !-- 经验项2 --> div classrelative mb-12> div classflex flex-col md:flex-row items-center> div classmd:w-1/2 md:pr-12 hidden md:block order-1> span classinline-block bg-primary/10 text-primary font-medium px-4 py-2 rounded-full>2017 - 2020/span> /div> div classabsolute left-0 md:left-1/2 w-6 h-6 rounded-full bg-primary border-4 border-white transform md:-translate-x-1/2 z-10 order-2>/div> div classmd:w-1/2 md:pl-12 order-3 mt-4 md:mt-0> div classbg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-custom> h3 classtext-xl font-bold text-dark mb-2>网站编辑/h3> p classtext-primary font-medium mb-3>电子商务公司/p> p classtext-gray-700 mb-4> 负责公司电商平台的内容管理和优化，撰写和编辑产品描述、博客文章和营销材料，提升了产品转化率和用户满意度。 /p> ul classtext-gray-600 space-y-2> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>优化产品页面内容，使平均转化率提高了15%/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>创建用户指南和常见问题解答，减少了客户咨询量/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>开发并维护内容日历，确保内容发布的及时性和一致性/span> /li> /ul> /div> /div> /div> /div> !-- 经验项3 --> div classrelative> div classflex flex-col md:flex-row items-center> div classmd:w-1/2 md:pr-12 md:text-right order-2 md:order-1 mt-4 md:mt-0> div classbg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-custom> h3 classtext-xl font-bold text-dark mb-2>内容编辑/h3> p classtext-primary font-medium mb-3>数字媒体公司/p> p classtext-gray-700 mb-4> 负责多个客户网站的内容编辑和管理，包括新闻、博客和社交媒体内容。协助客户建立品牌声音，提高了内容的质量和一致性。 /p> ul classtext-gray-600 space-y-2> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>管理多个客户的内容需求，确保按时交付高质量内容/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>为客户提供内容策略建议，帮助他们实现业务目标/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>优化内容以提高搜索引擎排名和社交媒体参与度/span> /li> /ul> /div> /div> div classabsolute left-0 md:left-1/2 w-6 h-6 rounded-full bg-primary border-4 border-white transform md:-translate-x-1/2 z-10 order-1 md:order-2>/div> div classmd:w-1/2 md:pl-12 hidden md:block order-3> span classinline-block bg-primary/10 text-primary font-medium px-4 py-2 rounded-full>2015 - 2017/span> /div> /div> /div> /div> /div> /div> /section> !-- 联系我 --> section idcontact classpy-20 bg-white> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>联系我/h2> div classw-20 h-1 bg-primary mx-auto>/div> p classtext-gray-600 mt-6 max-w-2xl mx-auto> 如果您对我的服务感兴趣或有任何问题，请随时与我联系。我会尽快回复您的询问。 /p> /div> div classgrid md:grid-cols-2 gap-12> div classbg-gray-50 p-8 rounded-xl shadow-sm> h3 classtext-xl font-bold text-dark mb-6>联系方式/h3> div classspace-y-6> div classflex items-start> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0> i classfa fa-envelope text-primary>/i> /div> div> h4 classfont-medium text-dark mb-1>电子邮箱/h4> p classtext-gray-600>liming@example.com/p> /div> /div> div classflex items-start> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0> i classfa fa-phone text-primary>/i> /div> div> h4 classfont-medium text-dark mb-1>电话/h4> p classtext-gray-600>+86 138 0013 8000/p> /div> /div> div classflex items-start> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0> i classfa fa-map-marker text-primary>/i> /div> div> h4 classfont-medium text-dark mb-1>工作地点/h4> p classtext-gray-600>北京市朝阳区建国路88号/p> /div> /div> /div> div classmt-8> h4 classfont-medium text-dark mb-4>关注我/h4> div classflex space-x-4> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-weixin>/i> /a> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-weibo>/i> /a> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-linkedin>/i> /a> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-github>/i> /a> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm> h3 classtext-xl font-bold text-dark mb-6>发送消息/h3> form> div classmb-6> label forname classblock text-gray-700 font-medium mb-2>姓名/label> input typetext idname classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入您的姓名> /div> div classmb-6> label foremail classblock text-gray-700 font-medium mb-2>电子邮箱/label> input typeemail idemail classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入您的电子邮箱> /div> div classmb-6> label forsubject classblock text-gray-700 font-medium mb-2>主题/label> input typetext idsubject classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入消息主题> /div> div classmb-6> label formessage classblock text-gray-700 font-medium mb-2>消息内容/label> textarea idmessage rows5 classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入您的消息内容>/textarea> /div> button typesubmit classw-full bg-primary text-white py-3 px-6 rounded-lg font-medium hover:bg-primary/90 transition-custom shadow-md hover:shadow-lg transform hover:-translate-y-0.5> 发送消息 /button> /form> /div> /div> /div> /div> /section> /main> !-- 页脚 --> footer classbg-dark text-white py-12> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classgrid md:grid-cols-4 gap-8 mb-8> div> h3 classtext-xl font-bold mb-4>莫言说/h3> p classtext-gray-400 mb-4> 资深网站编辑，专注于创建高质量、用户友好的网站内容。 /p> div classflex space-x-4> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-weixin>/i> /a> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-weibo>/i> /a> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-linkedin>/i> /a> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-github>/i> /a> /div> /div> div> h4 classfont-bold mb-4>快速链接/h4> ul classspace-y-2> li>a href#about classtext-gray-400 hover:text-white transition-custom>关于我/a>/li> li>a href#skills classtext-gray-400 hover:text-white transition-custom>专业技能/a>/li> li>a href#experience classtext-gray-400 hover:text-white transition-custom>工作经验/a>/li> li>a href#contact classtext-gray-400 hover:text-white transition-custom>联系我/a>/li> /ul> /div> div> h4 classfont-bold mb-4>服务/h4> ul classspace-y-2> li>a href# classtext-gray-400 hover:text-white transition-custom>网站内容编辑/a>/li> li>a href# classtext-gray-400 hover:text-white transition-custom>内容策略规划/a>/li> li>a href# classtext-gray-400 hover:text-white transition-custom>SEO优化/a>/li> li>a href# classtext-gray-400 hover:text-white transition-custom>用户体验设计/a>/li> /ul> /div> div> h4 classfont-bold mb-4>联系方式/h4> ul classspace-y-2> li classflex items-center> i classfa fa-envelope text-primary mr-2>/i> a hrefmailto:liming@example.com classtext-gray-400 hover:text-white transition-custom>liming@example.com/a> /li> li classflex items-center> i classfa fa-phone text-primary mr-2>/i> a hreftel:+8613800138000 classtext-gray-400 hover:text-white transition-custom>+86 138 0013 8000/a> /li> li classflex items-center> i classfa fa-map-marker text-primary mr-2>/i> span classtext-gray-400>北京市朝阳区建国路88号/span> /li> /ul> /div> /div> div classborder-t border-gray-800 pt-8 text-center> p classtext-gray-500>© 2025 莫言说 - 网站编辑. 保留所有权利./p> div classmt-4> a hrefhttps://beian.miit.gov.cn/ target_blank classtext-gray-500 hover:text-gray-400 transition-custom> i classfa fa-globe mr-1>/i> 苏ICP备19025241号-18 /a> /div> /div> /div> /div> /footer> script> // 移动端菜单切换 const mobileMenuButton document.getElementById(mobile-menu-button); const mobileMenu document.getElementById(mobile-menu); mobileMenuButton.addEventListener(click, () > { mobileMenu.classList.toggle(hidden); }); // 导航栏滚动效果 const header document.querySelector(header); let lastScrollTop 0; window.addEventListener(scroll, () > { const scrollTop window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > 100) { header.classList.add(py-2, shadow-md); header.classList.remove(py-4, shadow-sm); } else { header.classList.add(py-4, shadow-sm); header.classList.remove(py-2, shadow-md); } lastScrollTop scrollTop; }); // 平滑滚动 document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); const targetId this.getAttribute(href); const targetElement document.querySelector(targetId); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop - 80, behavior: smooth }); // 关闭移动端菜单 if (!mobileMenu.classList.contains(hidden)) { mobileMenu.classList.add(hidden); } } }); }); // 元素进入视口时的动画 const observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(opacity-100, translate-y-0); entry.target.classList.remove(opacity-0, translate-y-8); } }); }, { threshold: 0.1 }); document.querySelectorAll(section > div > div:not(:first-child)).forEach(el > { el.classList.add(opacity-0, translate-y-8, transition-all, duration-700); observer.observe(el); }); /script>/body>/html>
Port 443
HTTP/1.1 200 OKServer: nginxDate: Wed, 25 Jun 2025 01:26:50 GMTContent-Type: text/htmlContent-Length: 43510Last-Modified: Thu, 05 Jun 2025 12:39:02 GMTConnection: keep-aliveVary: Accept-EncodingETag: 68418fe6-a9f6Strict-Transport-Security: max-age31536000Accept-Ranges: bytes !DOCTYPE html>html langzh-CN>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>莫言说 - 资深网站编辑/title> script srchttps://cdn.tailwindcss.com>/script> link hrefhttps://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css relstylesheet> script> tailwind.config { theme: { extend: { colors: { primary: #3b82f6, secondary: #f97316, dark: #1e293b, light: #f8fafc }, fontFamily: { sans: Inter, system-ui, sans-serif, }, } } } /script> style typetext/tailwindcss> @layer utilities { .content-auto { content-visibility: auto; } .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); } .transition-custom { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .hover-lift { transform: translateY(0); transition: transform 0.3s ease; } .hover-lift:hover { transform: translateY(-5px); } } /style>/head>body classbg-gray-50 text-dark> !-- 导航栏 --> header classsticky top-0 z-50 bg-white/90 backdrop-blur-sm shadow-sm transition-all duration-300> nav classcontainer mx-auto px-4 py-4 flex justify-between items-center> div classflex items-center> span classtext-primary text-2xl font-bold>莫言说/span> span classml-2 text-gray-500 text-sm>网站编辑/span> /div> div classhidden md:flex space-x-8> a href#about classtext-gray-700 hover:text-primary transition-custom>关于我/a> a href#skills classtext-gray-700 hover:text-primary transition-custom>专业技能/a> a href#experience classtext-gray-700 hover:text-primary transition-custom>工作经验/a> a href#contact classtext-gray-700 hover:text-primary transition-custom>联系我/a> /div> button classmd:hidden text-gray-700 focus:outline-none idmobile-menu-button> i classfa fa-bars text-xl>/i> /button> /nav> !-- 移动端菜单 --> div classmd:hidden hidden bg-white shadow-lg absolute w-full idmobile-menu> div classcontainer mx-auto px-4 py-3 flex flex-col space-y-3> a href#about classtext-gray-700 hover:text-primary py-2 transition-custom>关于我/a> a href#skills classtext-gray-700 hover:text-primary py-2 transition-custom>专业技能/a> a href#experience classtext-gray-700 hover:text-primary py-2 transition-custom>工作经验/a> a href#contact classtext-gray-700 hover:text-primary py-2 transition-custom>联系我/a> /div> /div> /header> main> !-- 英雄区域 --> section classrelative bg-gradient-to-br from-primary/90 to-primary overflow-hidden> div classabsolute inset-0 bg-url(https://picsum.photos/id/1025/1920/1080) bg-cover bg-center opacity-10>/div> div classcontainer mx-auto px-4 py-24 md:py-32 relative z-10> div classmax-w-3xl mx-auto text-center> h1 classtext-clamp(2.5rem,5vw,4rem) font-bold text-white mb-6 leading-tight text-shadow> 莫言说 - 资深网站编辑 /h1> p classtext-clamp(1rem,2vw,1.25rem) text-blue-100 mb-8 max-w-2xl mx-auto> 拥有8年网站内容策划与编辑经验，专注于用户体验与内容优化 /p> a href#contact classinline-block bg-white text-primary px-8 py-3 rounded-full font-medium shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300> 联系我 /a> /div> /div> div classabsolute bottom-0 left-0 right-0> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 1440 100 classw-full> path fill#f9fafb fill-opacity1 dM0,32L80,42.7C160,53,320,75,480,74.7C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,100L1360,100C1280,100,1120,100,960,100C800,100,640,100,480,100C320,100,160,100,80,100L0,100Z>/path> /svg> /div> /section> !-- 关于我 --> section idabout classpy-20 bg-gray-50> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>关于我/h2> div classw-20 h-1 bg-primary mx-auto>/div> /div> div classgrid md:grid-cols-2 gap-12 items-center> div classrelative> div classabsolute -top-4 -left-4 w-full h-full border-4 border-primary/30 rounded-lg>/div> img srchttps://picsum.photos/id/1012/600/800 alt莫言说的照片 classw-full h-auto rounded-lg shadow-xl object-cover hover-lift> /div> div> h3 classtext-2xl font-bold text-dark mb-6>你好，我是莫言说/h3> p classtext-gray-700 mb-6 leading-relaxed> 作为一名拥有8年经验的资深网站编辑，我专注于创建引人入胜且用户友好的网站内容。我的工作涉及内容策略规划、文案撰写、页面优化以及用户体验设计。 /p> p classtext-gray-700 mb-6 leading-relaxed> 我擅长将复杂的信息转化为简洁明了的内容，同时保持品牌一致性和用户吸引力。无论是产品描述、博客文章还是网站整体内容架构，我都能提供高质量的解决方案。 /p> p classtext-gray-700 mb-8 leading-relaxed> 我相信优秀的内容不仅能够吸引访问者，还能引导他们采取行动，从而为网站带来实际的业务价值。 /p> div classgrid grid-cols-2 gap-4 mb-8> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>8年网站编辑经验/span> /div> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>内容策略专家/span> /div> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>SEO优化知识/span> /div> div classflex items-center> i classfa fa-check text-primary mr-3>/i> span>用户体验设计/span> /div> /div> a href#contact classinline-flex items-center text-primary font-medium hover:text-primary/80 transition-custom> 了解更多 i classfa fa-arrow-right ml-2>/i> /a> /div> /div> /div> /div> /section> !-- 专业技能 --> section idskills classpy-20 bg-white> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>专业技能/h2> div classw-20 h-1 bg-primary mx-auto>/div> /div> div classgrid md:grid-cols-2 gap-8> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-pencil text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>内容创作/h3> /div> p classtext-gray-700 mb-6> 我擅长撰写清晰、有吸引力的内容，能够根据不同的受众和目标调整写作风格。无论是正式的商务文案还是轻松的博客文章，我都能创作出高质量的内容。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>文案撰写/span> span>95%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 95%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容策划/span> span>90%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 90%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>编辑校对/span> span>98%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 98%>/div> /div> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-code text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>网页技术/h3> /div> p classtext-gray-700 mb-6> 了解网页开发基础技术，能够与开发团队有效沟通，独立进行简单的页面修改和优化，确保内容在各种设备上都能完美呈现。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>HTML/CSS/span> span>85%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 85%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容管理系统/span> span>95%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 95%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>响应式设计/span> span>88%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 88%>/div> /div> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-line-chart text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>SEO优化/h3> /div> p classtext-gray-700 mb-6> 熟悉SEO最佳实践，能够优化网站内容以提高搜索引擎排名。我会进行关键词研究，优化页面结构，并确保内容既符合用户需求，又能被搜索引擎有效索引。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>关键词研究/span> span>85%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 85%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>页面优化/span> span>90%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 90%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容策略/span> span>92%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 92%>/div> /div> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition-custom> div classflex items-center mb-6> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4> i classfa fa-users text-primary text-xl>/i> /div> h3 classtext-xl font-bold text-dark>用户体验/h3> /div> p classtext-gray-700 mb-6> 我始终将用户体验放在首位，专注于创建直观、有吸引力且易于导航的网站内容。通过了解用户需求和行为，我能够设计出引导用户完成预期操作的内容架构。 /p> div classspace-y-4> div> div classflex justify-between mb-1> span classfont-medium>用户研究/span> span>87%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 87%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>信息架构/span> span>90%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 90%>/div> /div> /div> div> div classflex justify-between mb-1> span classfont-medium>内容优化/span> span>94%/span> /div> div classw-full bg-gray-200 rounded-full h-2> div classbg-primary h-2 rounded-full stylewidth: 94%>/div> /div> /div> /div> /div> /div> /div> /div> /section> !-- 工作经验 --> section idexperience classpy-20 bg-gray-50> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>工作经验/h2> div classw-20 h-1 bg-primary mx-auto>/div> /div> div classrelative> !-- 时间线 --> div classabsolute left-0 md:left-1/2 top-0 bottom-0 w-1 bg-gray-200 transform md:-translate-x-1/2>/div> !-- 经验项1 --> div classrelative mb-12> div classflex flex-col md:flex-row items-center> div classmd:w-1/2 md:pr-12 md:text-right order-2 md:order-1 mt-4 md:mt-0> div classbg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-custom> h3 classtext-xl font-bold text-dark mb-2>高级网站编辑/h3> p classtext-primary font-medium mb-3>科技媒体集团/p> p classtext-gray-700 mb-4> 负责管理和优化公司旗下多个科技类网站的内容策略，带领团队每月创作超过100篇高质量文章，提升了网站流量和用户停留时间。 /p> ul classtext-gray-600 space-y-2> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>制定并执行内容策略，提高了网站在搜索引擎中的排名/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>建立内容审核流程，确保内容质量和一致性/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>与产品团队合作，优化网站用户体验/span> /li> /ul> /div> /div> div classabsolute left-0 md:left-1/2 w-6 h-6 rounded-full bg-primary border-4 border-white transform md:-translate-x-1/2 z-10 order-1 md:order-2>/div> div classmd:w-1/2 md:pl-12 hidden md:block order-3> span classinline-block bg-primary/10 text-primary font-medium px-4 py-2 rounded-full>2020 - 至今/span> /div> /div> /div> !-- 经验项2 --> div classrelative mb-12> div classflex flex-col md:flex-row items-center> div classmd:w-1/2 md:pr-12 hidden md:block order-1> span classinline-block bg-primary/10 text-primary font-medium px-4 py-2 rounded-full>2017 - 2020/span> /div> div classabsolute left-0 md:left-1/2 w-6 h-6 rounded-full bg-primary border-4 border-white transform md:-translate-x-1/2 z-10 order-2>/div> div classmd:w-1/2 md:pl-12 order-3 mt-4 md:mt-0> div classbg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-custom> h3 classtext-xl font-bold text-dark mb-2>网站编辑/h3> p classtext-primary font-medium mb-3>电子商务公司/p> p classtext-gray-700 mb-4> 负责公司电商平台的内容管理和优化，撰写和编辑产品描述、博客文章和营销材料，提升了产品转化率和用户满意度。 /p> ul classtext-gray-600 space-y-2> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>优化产品页面内容，使平均转化率提高了15%/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>创建用户指南和常见问题解答，减少了客户咨询量/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>开发并维护内容日历，确保内容发布的及时性和一致性/span> /li> /ul> /div> /div> /div> /div> !-- 经验项3 --> div classrelative> div classflex flex-col md:flex-row items-center> div classmd:w-1/2 md:pr-12 md:text-right order-2 md:order-1 mt-4 md:mt-0> div classbg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-custom> h3 classtext-xl font-bold text-dark mb-2>内容编辑/h3> p classtext-primary font-medium mb-3>数字媒体公司/p> p classtext-gray-700 mb-4> 负责多个客户网站的内容编辑和管理，包括新闻、博客和社交媒体内容。协助客户建立品牌声音，提高了内容的质量和一致性。 /p> ul classtext-gray-600 space-y-2> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>管理多个客户的内容需求，确保按时交付高质量内容/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>为客户提供内容策略建议，帮助他们实现业务目标/span> /li> li classflex items-start> i classfa fa-check-circle text-primary mt-1 mr-2>/i> span>优化内容以提高搜索引擎排名和社交媒体参与度/span> /li> /ul> /div> /div> div classabsolute left-0 md:left-1/2 w-6 h-6 rounded-full bg-primary border-4 border-white transform md:-translate-x-1/2 z-10 order-1 md:order-2>/div> div classmd:w-1/2 md:pl-12 hidden md:block order-3> span classinline-block bg-primary/10 text-primary font-medium px-4 py-2 rounded-full>2015 - 2017/span> /div> /div> /div> /div> /div> /div> /section> !-- 联系我 --> section idcontact classpy-20 bg-white> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classtext-center mb-16> h2 classtext-clamp(1.75rem,3vw,2.5rem) font-bold text-dark mb-4>联系我/h2> div classw-20 h-1 bg-primary mx-auto>/div> p classtext-gray-600 mt-6 max-w-2xl mx-auto> 如果您对我的服务感兴趣或有任何问题，请随时与我联系。我会尽快回复您的询问。 /p> /div> div classgrid md:grid-cols-2 gap-12> div classbg-gray-50 p-8 rounded-xl shadow-sm> h3 classtext-xl font-bold text-dark mb-6>联系方式/h3> div classspace-y-6> div classflex items-start> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0> i classfa fa-envelope text-primary>/i> /div> div> h4 classfont-medium text-dark mb-1>电子邮箱/h4> p classtext-gray-600>liming@example.com/p> /div> /div> div classflex items-start> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0> i classfa fa-phone text-primary>/i> /div> div> h4 classfont-medium text-dark mb-1>电话/h4> p classtext-gray-600>+86 138 0013 8000/p> /div> /div> div classflex items-start> div classw-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0> i classfa fa-map-marker text-primary>/i> /div> div> h4 classfont-medium text-dark mb-1>工作地点/h4> p classtext-gray-600>北京市朝阳区建国路88号/p> /div> /div> /div> div classmt-8> h4 classfont-medium text-dark mb-4>关注我/h4> div classflex space-x-4> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-weixin>/i> /a> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-weibo>/i> /a> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-linkedin>/i> /a> a href# classw-10 h-10 bg-primary/10 rounded-full flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-custom> i classfa fa-github>/i> /a> /div> /div> /div> div classbg-gray-50 p-8 rounded-xl shadow-sm> h3 classtext-xl font-bold text-dark mb-6>发送消息/h3> form> div classmb-6> label forname classblock text-gray-700 font-medium mb-2>姓名/label> input typetext idname classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入您的姓名> /div> div classmb-6> label foremail classblock text-gray-700 font-medium mb-2>电子邮箱/label> input typeemail idemail classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入您的电子邮箱> /div> div classmb-6> label forsubject classblock text-gray-700 font-medium mb-2>主题/label> input typetext idsubject classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入消息主题> /div> div classmb-6> label formessage classblock text-gray-700 font-medium mb-2>消息内容/label> textarea idmessage rows5 classw-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-custom placeholder请输入您的消息内容>/textarea> /div> button typesubmit classw-full bg-primary text-white py-3 px-6 rounded-lg font-medium hover:bg-primary/90 transition-custom shadow-md hover:shadow-lg transform hover:-translate-y-0.5> 发送消息 /button> /form> /div> /div> /div> /div> /section> /main> !-- 页脚 --> footer classbg-dark text-white py-12> div classcontainer mx-auto px-4> div classmax-w-5xl mx-auto> div classgrid md:grid-cols-4 gap-8 mb-8> div> h3 classtext-xl font-bold mb-4>莫言说/h3> p classtext-gray-400 mb-4> 资深网站编辑，专注于创建高质量、用户友好的网站内容。 /p> div classflex space-x-4> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-weixin>/i> /a> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-weibo>/i> /a> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-linkedin>/i> /a> a href# classtext-gray-400 hover:text-white transition-custom> i classfa fa-github>/i> /a> /div> /div> div> h4 classfont-bold mb-4>快速链接/h4> ul classspace-y-2> li>a href#about classtext-gray-400 hover:text-white transition-custom>关于我/a>/li> li>a href#skills classtext-gray-400 hover:text-white transition-custom>专业技能/a>/li> li>a href#experience classtext-gray-400 hover:text-white transition-custom>工作经验/a>/li> li>a href#contact classtext-gray-400 hover:text-white transition-custom>联系我/a>/li> /ul> /div> div> h4 classfont-bold mb-4>服务/h4> ul classspace-y-2> li>a href# classtext-gray-400 hover:text-white transition-custom>网站内容编辑/a>/li> li>a href# classtext-gray-400 hover:text-white transition-custom>内容策略规划/a>/li> li>a href# classtext-gray-400 hover:text-white transition-custom>SEO优化/a>/li> li>a href# classtext-gray-400 hover:text-white transition-custom>用户体验设计/a>/li> /ul> /div> div> h4 classfont-bold mb-4>联系方式/h4> ul classspace-y-2> li classflex items-center> i classfa fa-envelope text-primary mr-2>/i> a hrefmailto:liming@example.com classtext-gray-400 hover:text-white transition-custom>liming@example.com/a> /li> li classflex items-center> i classfa fa-phone text-primary mr-2>/i> a hreftel:+8613800138000 classtext-gray-400 hover:text-white transition-custom>+86 138 0013 8000/a> /li> li classflex items-center> i classfa fa-map-marker text-primary mr-2>/i> span classtext-gray-400>北京市朝阳区建国路88号/span> /li> /ul> /div> /div> div classborder-t border-gray-800 pt-8 text-center> p classtext-gray-500>© 2025 莫言说 - 网站编辑. 保留所有权利./p> div classmt-4> a hrefhttps://beian.miit.gov.cn/ target_blank classtext-gray-500 hover:text-gray-400 transition-custom> i classfa fa-globe mr-1>/i> 苏ICP备19025241号-18 /a> /div> /div> /div> /div> /footer> script> // 移动端菜单切换 const mobileMenuButton document.getElementById(mobile-menu-button); const mobileMenu document.getElementById(mobile-menu); mobileMenuButton.addEventListener(click, () > { mobileMenu.classList.toggle(hidden); }); // 导航栏滚动效果 const header document.querySelector(header); let lastScrollTop 0; window.addEventListener(scroll, () > { const scrollTop window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > 100) { header.classList.add(py-2, shadow-md); header.classList.remove(py-4, shadow-sm); } else { header.classList.add(py-4, shadow-sm); header.classList.remove(py-2, shadow-md); } lastScrollTop scrollTop; }); // 平滑滚动 document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); const targetId this.getAttribute(href); const targetElement document.querySelector(targetId); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop - 80, behavior: smooth }); // 关闭移动端菜单 if (!mobileMenu.classList.contains(hidden)) { mobileMenu.classList.add(hidden); } } }); }); // 元素进入视口时的动画 const observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(opacity-100, translate-y-0); entry.target.classList.remove(opacity-0, translate-y-8); } }); }, { threshold: 0.1 }); document.querySelectorAll(section > div > div:not(:first-child)).forEach(el > { el.classList.add(opacity-0, translate-y-8, transition-all, duration-700); observer.observe(el); }); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]