blog doc space
v5.4.1
가장 간단한 node.js cms & ssg!
오류의 어둠 속에서 작은 불꽃 ...
중요한
이 문서는 더 이상 블로그 DOC의 다양한 기능을 나타내지 않습니다. 블로그 DOC 기능에 대한 최신 정보에 대한 포괄적 인 문서에 친절하게 문의하십시오.
공간에 블로그 DOC를 설치하려면 설치 페이지를 넘어 Install App 버튼을 클릭하십시오.
설치되면 Horizon에서 앱을 열거 나 앱의 빌더 인스턴스에 액세스하고 Open Builder Instance 버튼을 클릭하여 앱을 열십시오.
앱의 주소로 리디렉션되고 브라우저에서 다음 메시지를 볼 수 있습니다. Route Not Found .
제발 놀라지 마세요! 나는 다른 방법을 시도했지만 이것은 가장 단순하고 가장 안전한 것입니다.
이제 블로그 DOC 인스턴스에 다음 주소가 있다고 가정합니다.
브라우저의 주소 표시 줄에서 https://abc-1-x234.deta.app .
IT /admin-blog-doc-config 추가하면 주소가 다음과 같습니다.
https://abc-1-x234.deta.app/admin-blog-doc-config , Enter를 누르십시오.
블로그 DOC, 2 분의 2 단계 2 단계를 사용하기 위해 기본 구성을 설정하는 데 도움이되는 페이지로 리디렉션됩니다.
결국 양식을 제출하면 구성을 업로드하는 데 최대 30 초가 걸리면 초기 주소 https://abc-1-x234.deta.app 으로 리디렉션되고 다시 한 번 볼 수 있습니다 Route Not Found .
다시 당황하지 마십시오! 주소 후에`/pages/documentation``를 추가하십시오. 홈 루트를 방문하지 않고 앱 내부에서 1 분 동안 (코드가 새로 생성 된 드라이브와 상호 작용할 시간)를 찾은 다음 기본 경로로 이동하여 자신의 블로그 DOC 인스턴스를 사용하기 시작 하시겠습니까?
그것이 처음부터 작동하지 않으면 다시 한 번 다시 한 번 다시 할 수 있습니다.
siteURL 값을 수정하여 관리 하의 설정 페이지 에서 사이트의 실시간 URL을 제공 해야합니다 .
Nota Bene : 라이브 URL은 슬래시로 끝나야 합니다 /
물론 설정 페이지에서 siteTitle , siteDescription 및 rssCopyright 도 수정 해야합니다 .
siteTitle , siteDescription 및 rssCopyright 값을 사이트의 사이트로 바꿔야 합니다 .
rssSiteLanguage 값을 사이트 언어로 바꿀 수 있습니다 .
사용 가능한 언어 코드 목록은 RSS 언어 코드 페이지에서 찾을 수 있습니다.
⬆️ 기능으로 돌아갑니다
RSS 피드와 마찬가지로 siteURL 값을 수정하여 각 페이지, 게시, 태그 및 템플릿 및 블로그 경로에 대한 올바른 링크를 생성하여 설정 페이지에서 사이트의 실시간 URL을 제공 해야합니다 .
사이트 URL은 슬래시로 끝나야 한다는 것을 기억하십시오 /
/sitemap 경로에서 사이트의 사이트 맵을 확인할 수 있습니다.
⬆️ 기능으로 돌아갑니다
블로그 DOC에는 내장 검색 기능이 있습니다.
검색 기능을 통해 사용자는 게시물의 제목 및 내용을 조사 할 수 있습니다.
/search 경로에서 사이트 검색을 확인할 수 있습니다.
searchFeature 에 사이트 설정 페이지에서 false 값을 제공하여 Node.js 앱에서 검색을 비활성화 할 수 있습니다.
⬆️ 기능으로 돌아갑니다
Blog-Doc은 Highlight.js를 사용하여 코드 블록을 강조 표시합니다.
인라인 코드를 작성하려면 Code를 `` 로 둘러싸십시오.
이를 강조하려면 코드 언어의 별칭과 함께 곱슬 괄호를 두어 인라인 코드 의 언어를 제공하십시오.
다음 예제는 더 나은 아이디어를 제공합니다.
이 css 라인 p : color { red } 가정하면 강조 표시하려면 `p { color: red }`{language=css} 를 씁니다.
코드는 `` 와 {language=alias of code language} 로 둘러싸여 있습니다.
코드 블록을 작성하려면 블록을 3 번의 백 티크 ``` 로 둘러싸십시오.
이를 강조하려면 처음 3 번의 백 티크 직후에 블록의 언어 별명을 제공하십시오.
우리는 이전 예제를 가져 와서 블록으로 강조합니다.
```css
p { color: red }
```
다음과 같은 출력을 얻을 수 있습니다.
p {
color : red;
}확실하지 않은 경우 지원되는 Heights.js의 언어를 방문하여 올바른 별칭을 얻으십시오.
또는 별명을 제공하지 않고도 코드 블록을 작성할 수 있습니다.
형광펜이 별칭이없는 코드 블록의 올바른 언어를 감지하지 못하면 위에 표시된대로 원하는 언어를 블록에 추가하십시오.
⬆️ 기능으로 돌아갑니다
제목 태그에 id 속성을 추가하는 H2 Tele H4만으로는 기본적으로 활성화 된 기능입니다.
이 기능은 에지 케이스 및 타이핑 오타를 염두에두고 구축되었습니다.
id 추가하려면 해시 태그와 ID의 텍스트가있는 곱슬 버팀대를 추가하십시오.
다음 예제는 더 나은 아이디어를 제공합니다.
<!-- Heading tags with an id property -->
## My awesome H2 title {# my-awesome-h2-title}
The HTML output will be : < h2 id = " my-awesome-h2-title " >My awesome H2 title</ h2 >
### My awesome H3 title {# my awesome h3 title}
The HTML output will be : < h3 id = " my-awesome-h3-title " >My awesome H3 title</ h3 >
#### My awesome H4 title {# My awesome H4 title}
The HTML output will be : < h4 id = " my-awesome-h4-title " >My awesome H4 title</ h4 > 모든 공백은 자동으로 하이픈으로 교체되며 연속 하이픈 수는 하나의 하이픈으로 만 교체됩니다.
ID 텍스트의 시작 또는 끝에있는 하이픈 수는 제거되므로 다음도 유효합니다.
## My awesome H2 title { # ----- My ----- aWEsOMe ----- h2 ----- tITlE ----- }
Whatever the number of whitespace characters / hyphens is at the beginning,
between the words or at the end, the HTML output will still be :
< h2 id = " my-awesome-h2-title " >My awesome H2 title</ h2 >마지막 해시 태그 이전의 모든 것이 무시되고 ID 텍스트의 특수 문자도 무시됩니다.
## My awesome H2 title { /!@# a comment ?%^& # -my= awesome+ h2 ( title ) | }
The HTML output will be : < h2 id = " my-awesome-h2-title " >My awesome H2 title</ h2 >& will be parsed to amp (ampersand)
" will be parsed to quot (quotation)
> will be parsed to gt (greater then)
< will be parsed to lt (less then)예를 들어 :
## Honey & Bees {#Honey & Bees}
The HTML output will be : < h2 id = " honey-amp-bees " >Honey & Bees</ h2 > 이 기능을 비활성화하려면 사이트 설정 페이지에서 addIdsToHeadings 값을 false 로 설정하십시오.
⬆️ 기능으로 돌아갑니다
블로그 DOC가 CMS로 바뀌었기 때문에 갤러리와 페이지와 게시물의 이미지를 직접 검색하는 방법을 추가 할 계획이었습니다.
이제 거의 끝났습니다. 거의 항상 개선을위한 공간이 있기 때문입니다.
지금은 /admin/gallery/images 경로를 치거나 관리 페이지로 이동하여 메뉴 또는 카드의 갤러리 링크를 클릭하여 갤러리를 방문 할 수 있습니다.
블로그 DOC의 글로벌 정신에서 갤리는 사용하기가 매우 간단합니다.
이미지를 떨어 뜨리거나 클릭하여 업로드하려는 이미지를 선택할 수있는 드롭 존을 찾을 수 있습니다.
또한 ✘ 삭제 버튼을 클릭하여 갤러리에서 이미지를 삭제할 수도 있습니다.
마지막으로, 페이지 나 게시물에 이미지를 할당하려면 페이지 나 게시물에서 직접 선택하여 갤러리에서 이미지를 선택할 수 있습니다.
⬆️ 기능으로 돌아갑니다
(곧 우주로 오는)
테마를 전환하고 필요에 맞는 디자인을 선택할 수 있습니다.
블로그 DOC는 다음과 같습니다.
사진이 천 단어의 가치가 있다면, 비디오의 가치는 백만 가치가 있습니다!
블로그 DOC로 사이트의 모양과 느낌을 즉시 변경할 수있는 기능을 보여주는 30 초 비디오.
시간이 지남에 따라 블로그 DOC에 더 많은 테마를 추가 할 것입니다.
블로그 DOC의 테마를 코딩하고 사용 가능한 테마 중 하나를 나열하려면 아이디어 카테고리에서 블로그 DOC의 저장소에 대한 토론에서 알려주십시오.
블로그 DOC 테마는 일반 JavaScript 만 사용해야 하며 게시 및/또는 배포 제한이있는 코드 또는 이미지를 포함 할 수 없습니다!
⬆️ 기능으로 돌아갑니다
이전 버전의 블로그 DOC를 포함하여 Node.js로 정적 사이트 생성기를 만든 모든 개발자의 시간과 노력과 관련하여 Gasworks입니다.
나는이 개발자들 각각에게 미리 진심으로 사과를 제공하지만 앱은 가스 워크가되어서는 안됩니다 ...
다음 게시물은 실제 블로그 DOC의 실제 버전과 더 이상 관련이 없지만 내 동기를 잘 설명하고 충격을 줄 수 있습니다.
145에서 7까지 읽으십시오 .
또한 새로운 블로그 DOC도 읽으십시오
또한 읽기 node_modules는 무겁지 않으며 개발자는 게으르다!
Space 용 Blog-Doc은 이제 131 (10082 kb 또는 10.082 MB) 대신 14 개의 모듈 (1916.1 KB 또는 1.9161 MB) 만 사용합니다!
GitHub의 블로그 DOC 공간의 문제 페이지로 이동하여 가능한 한 문제를 설명하여 새로운 문제를 만듭니다.
Github의 블로그 DOC 공간의 아이디어로 가서 그것에 대해 말해주십시오.
공간에 블로그 DOC에 SSG를 포함하려면 일부 아키텍처 수정이 필요합니다.
나중에 블로그 DOC의 사용법 및 공간에 대한 요구 사항에 따라 SSG를 포함시키지 않겠다고 생각합니다.
설치 섹션을 읽으십시오.
짧은 자유 시간 에이 앱을 많이 개선하려고합니다.
블로그 DOC를 프로토 타입으로 가져 와서 다른 디자인 및/또는 다른 템플릿 언어와 함께 사용하도록 완전히 수정할 수 있습니다.
나는이 앱이 많은 사람들에게 어떤 식 으로든 유용하기를 바랍니다. 나는 그것을 Node.js 및 Markdown 커뮤니티에 대한 개인적인 기여로 고려하고 있습니다.
아이디어, 의견 및 제안이 가장 환영합니다.
Sya, Lebcit
Lebcit에 의해 ❤️로 제작되었습니다
