스크립트 & 소스코드 공유

사이트맵(Sitemap)과 RSS 피드는 검색 엔진이 사이트의 구조와 새로운 콘텐츠를 빠르게 파악하도록 돕는 중요한 도구입니다. 요청하신 http://box-story.com/ 사이트의 구조를 바탕으로 표준 형식의 파일을 구성해 드립니다.

1. 사이트맵 (sitemap.xml)

사이트맵은 웹사이트의 모든 페이지 목록을 담은 XML 파일입니다. 아래 코드를 복사하여 sitemap.xml이라는 이름의 파일로 저장한 뒤, 웹사이트의 최상위 경로(루트 디렉토리)에 업로드하세요.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <!-- 메인 페이지 -->
  <url>
    <loc>http://box-story.com/</loc>
    <lastmod>2026-08-20</lastmod>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
  <!-- 회사 소개 -->
  <url>
    <loc>http://box-story.com/company</loc>
    <lastmod>2026-08-20</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
  <!-- 포트폴리오/제품소개 -->
  <url>
    <loc>http://box-story.com/portfolio</loc>
    <lastmod>2026-08-20</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.9</priority>
  </url>
  <!-- 견적 문의 -->
  <url>
    <loc>http://box-story.com/contact</loc>
    <lastmod>2026-08-20</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
</urlset>

2. RSS 피드 (rss.xml)

RSS는 사이트의 최신 업데이트 정보를 배포하는 형식입니다. 아래 내용을 rss.xml 파일로 만들어 루트 디렉토리에 업로드하시면 됩니다.

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>박스스토리 (Box Story)</title>
    <link>http://box-story.com/</link>
    <description>단상자, 칼라박스, 패키지 제작 전문 박스스토리입니다.</description>
    <language>ko-kr</language>
    <pubDate>Thu, 20 Aug 2026 09:12:39 +0900</pubDate>

    <item>
      <title>박스스토리 홈페이지 오픈</title>
      <link>http://box-story.com/</link>
      <description>맞춤형 패키지 제작 서비스를 시작합니다.</description>
      <pubDate>Thu, 20 Aug 2026 09:12:39 +0900</pubDate>
    </item>
  </channel>
</rss>

네이버 서치어드바이저 등록 방법

파일을 만드신 후에는 반드시 네이버 검색 엔진에 알려주어야 효과가 나타납니다.

1. 파일 업로드: 위에서 만든 두 파일을 홈페이지 서버의 메인 폴더(index 파일이 있는 곳)에 올립니다.
2. 서치어드바이저 접속: 네이버 서치어드바이저에 로그인합니다.
3. 사이트 선택: 등록된 http://box-story.com/ 사이트 관리 화면으로 들어갑니다.
4. 요청 > 사이트맵 제출: sitemap.xml 경로를 입력하고 확인을 누릅니다.
5. 요청 > RSS 제출: rss.xml 경로를 입력하고 확인을 누릅니다.

이 과정을 마치면 네이버 로봇이 사이트의 메뉴 구조를 더 정확하게 수집하게 되며, 시간이 지나면 검색 결과에 서브링크(메뉴)가 나타날 가능성이 높아집니다.

要实现 有序列表（<ol>）的序号小于 10 时前面补零（如 01, 02, ..., 09, 10, 11...），核心思路是：隐藏默认序号，用 CSS 伪元素 ::before 动态生成带前导零的序号。

以下是 3 种主流实现方法，从简单到灵活，覆盖不同场景：

一、最推荐：纯 CSS counter + ::before（无需 JS，兼容性好）

利用 CSS 计数器 counter-reset/counter-increment 统计列表项数量，再通过 ::before 伪元素显示序号，配合 content 拼接前导零。

核心原理：

1. counter-reset: list-counter 0：在 <ol> 上初始化计数器，起始值为 0（默认从 1 开始，这里显式设 0 更清晰）。
2. counter-increment: list-counter 1：在每个 <li> 上递增计数器，每次 +1。
3. content: counter(list-counter, decimal-leading-zero)：用 decimal-leading-zero 格式显示计数器（自动为 1-9 补零）。